/* Santa Calls — Brand foundations */
:root {
  /* Grounds */
  --sc-bg-deep: #0b0706;        /* deepest night */
  --sc-bg: #110c0b;              /* page bg */
  --sc-bg-warm: #16100e;         /* warm-tinted bg */
  --sc-card: #1c1513;            /* card surface */
  --sc-card-hi: #261c18;         /* card hover / raised */
  --sc-card-deep: #14100e;       /* recessed (input bg) */

  /* Lines */
  --sc-line: #2a1f1c;            /* hairline border */
  --sc-line-hi: #3d2c27;         /* emphasized border */
  --sc-line-soft: rgba(245,235,217,0.08);

  /* Type */
  --sc-cream: #f5ebd9;           /* primary text — warm white */
  --sc-cream-2: #e8d9bf;         /* slightly cooler cream */
  --sc-muted: #9c8978;           /* muted body */
  --sc-muted-2: #6e5e51;         /* deeper muted */
  --sc-quiet: #4d4039;           /* placeholder, dividers in text */

  /* Accents — Christmas, restrained */
  --sc-red: #c8334a;             /* primary red (CTA, brand accent) */
  --sc-red-hi: #de4a60;          /* hover */
  --sc-red-deep: #8a1f31;        /* shadow / band */
  --sc-red-tint: rgba(200,51,74,0.12);

  --sc-gold: #e8c266;            /* warm gold for links/highlights */
  --sc-gold-hi: #f1d385;
  --sc-gold-deep: #b08a3e;
  --sc-gold-tint: rgba(232,194,102,0.10);

  --sc-green: #4a9968;           /* forest green — the call button */
  --sc-green-hi: #5fb37e;
  --sc-green-deep: #2f6b46;
  --sc-green-tint: rgba(74,153,104,0.12);

  --sc-ember: #e8884a;           /* fireside ember — used VERY sparingly */

  /* Type stacks */
  --sc-display: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --sc-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sc-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* Radii / elevation */
  --sc-r-sm: 8px;
  --sc-r-md: 12px;
  --sc-r-lg: 18px;
  --sc-r-xl: 28px;
  --sc-shadow-card: 0 1px 0 rgba(255,235,200,0.04) inset, 0 20px 40px -20px rgba(0,0,0,0.6);
  --sc-shadow-cta: 0 0 0 1px rgba(255,200,180,0.06) inset, 0 18px 40px -10px rgba(74,153,104,0.45);
  --sc-glow-warm: radial-gradient(ellipse at 50% 0%, rgba(232,136,74,0.18), transparent 60%);
}

/* Subtle film grain — applied via .sc-grain class */
.sc-grain {
  position: relative;
}
.sc-grain::after {
  content: "";
  position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.92  0 0 0 0 0.78  0 0 0 0.10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode: overlay;
  opacity: 0.5;
  border-radius: inherit;
}

/* Bokeh — sparse warm dots, animated very slowly */
.sc-bokeh {
  position: absolute; inset: 0; overflow: hidden; pointer-events: none;
}
.sc-bokeh i {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle, rgba(232,194,102,0.6), rgba(232,194,102,0) 70%);
  filter: blur(1px);
  opacity: 0.55;
}

/* Pine sprig — used as hairline divider */
.sc-sprig {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--sc-gold-deep);
}
.sc-sprig::before, .sc-sprig::after {
  content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.5;
}

/* Tiny gold serif numerals */
.sc-numeral {
  font-family: var(--sc-display);
  font-style: italic;
  font-weight: 500;
  color: var(--sc-gold);
  letter-spacing: 0;
}