/* ============================================================================
   Hertis — brand tokens, lifted verbatim from the app's design system
   (packages/ui/src/tokens/colors.ts). Midnight navy · champagne gold ·
   soft lavender Glow · warm ivory. Fraunces serif + Inter.
   "Heirloom futurism" — an heirloom from the future: glowing, never cold.
   ============================================================================ */

:root {
  /* ----- Core palette (app-identical) ----- */
  --h-midnight:    #0D1117;   /* page ground */
  --h-surface:     #161B22;   /* layered card */
  --h-surface-alt: #1C2330;   /* raised / stat tiles */
  --h-dusk:        #3D3551;   /* deep plum surface */
  --h-ivory:       #FBF6EE;   /* warm light — the parent register */
  --h-champagne:   #D4AF37;   /* The Glow */
  --h-lavender:    #A78BFA;   /* reflection / AI accent */

  /* antique gold gradient (CTAs — muted, never bright yellow) */
  --h-gold-1: #C9A24E;
  --h-gold-2: #B0883A;
  --h-gold-3: #8E6E2A;

  /* ----- Derived ----- */
  --h-text:        rgba(251,246,238,0.94);
  --h-text-dim:    rgba(251,246,238,0.64);
  --h-text-faint:  rgba(251,246,238,0.40);
  --h-line:        rgba(251,246,238,0.09);
  --h-glow-border: rgba(167,139,250,0.14);   /* the app's card halo edge */
  --h-gold-soft:   rgba(212,175,55,0.14);
  --h-gold-line:   rgba(212,175,55,0.35);
  --h-lav-soft:    rgba(167,139,250,0.12);

  /* ----- Type -----
     Cormorant Garamond: the heirloom voice — high-contrast garalde, luminous
     thin strokes, the most beautiful italics available. Runs optically small
     + light, so display sizes sit ~10% larger and weight 600 is the floor.
     Albert Sans: warm geometric-humanist body (Inter is banned here). */
  --h-serif: "Cormorant Garamond", Georgia, serif;
  --h-sans:  "Albert Sans", system-ui, sans-serif;

  --h-fs-hero:     clamp(46px, 6vw, 84px);
  --h-fs-headline: clamp(34px, 4.4vw, 58px);
  --h-fs-sub:      clamp(16.5px, 1.5vw, 19px);
  --h-fs-body:     16px;
  --h-fs-small:    13.5px;
  --h-fs-label:    11px;
  --h-track:       0.14em;

  /* ----- Space / radius / shadow ----- */
  --h-s2: 8px;  --h-s3: 12px; --h-s4: 16px; --h-s5: 24px;
  --h-s6: 32px; --h-s7: 48px; --h-s8: 72px; --h-s9: 110px;
  --h-r:    14px;
  --h-r-lg: 22px;
  --h-r-xl: 30px;
  --h-shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 14px 40px rgba(0,0,0,0.35);
  --h-shadow-glow: 0 0 0 1px var(--h-glow-border), 0 8px 34px rgba(167,139,250,0.10);
  --h-shadow-gold: 0 6px 22px rgba(212,175,55,0.25), 0 20px 54px rgba(176,136,58,0.18);

  --h-max: 1160px;
}