/* ============================================================================
   Clockworth — brand tokens (locked from Product DNA, 2026-05-31)
   "Time → worth." Swiss horology meets CFO ledger.
   Midnight blue anchor · gold primary accent · ivory grounds · charcoal text.
   ============================================================================ */

:root {
  /* ----- Brand core ----- */
  --cw-midnight:   #0A1330;   /* anchor — dark sections, nav, hero */
  --cw-midnight-2: #0E1A40;   /* raised surfaces on midnight */
  --cw-midnight-3: #131F4D;   /* higher elevation on midnight */
  --cw-royal:      #0D47A1;   /* minor functional accent only */
  --cw-gold:       #D4A017;   /* primary accent */
  --cw-gold-light: #F2C14E;   /* accent on dark */
  --cw-charcoal:   #1B1F23;   /* text on light */
  --cw-ivory:      #F6F4EE;   /* light ground */
  --cw-ivory-warm: #FBF8F0;   /* warmer light ground */
  --cw-white:      #FFFFFF;

  /* ----- Derived / functional ----- */
  --cw-ink-dim:    rgba(27,31,35,0.62);      /* secondary text on light */
  --cw-paper-line: rgba(27,31,35,0.10);      /* hairlines on light */
  --cw-star-dim:   rgba(246,244,238,0.66);   /* secondary text on midnight */
  --cw-star-faint: rgba(246,244,238,0.38);
  --cw-night-line: rgba(246,244,238,0.10);   /* hairlines on midnight */
  --cw-gold-soft:  rgba(212,160,23,0.12);
  --cw-gold-line:  rgba(212,160,23,0.32);
  --cw-success:    #3FA66A;
  --cw-danger:     #C25450;

  /* ----- Typography ----- */
  --cw-serif: "Fraunces", Georgia, serif;             /* display + numbers */
  --cw-sans:  "Libre Franklin", system-ui, sans-serif; /* body */
  --cw-mono:  "JetBrains Mono", ui-monospace, monospace; /* command bar */

  --cw-fs-hero:     clamp(44px, 6.4vw, 92px);
  --cw-lh-hero:     1.02;
  --cw-fs-headline: clamp(30px, 4vw, 54px);
  --cw-lh-headline: 1.08;
  --cw-fs-sub:      clamp(17px, 1.5vw, 20px);
  --cw-fs-body:     16px;
  --cw-fs-small:    13.5px;
  --cw-fs-label:    11px;
  --cw-track-label: 0.14em;

  /* ----- Spacing / radius / shadow ----- */
  --cw-s-2: 8px;  --cw-s-3: 12px; --cw-s-4: 16px; --cw-s-5: 24px;
  --cw-s-6: 32px; --cw-s-7: 48px; --cw-s-8: 72px; --cw-s-9: 112px;
  --cw-r:    12px;
  --cw-r-lg: 18px;
  --cw-r-xl: 26px;
  --cw-shadow-card: 0 1px 2px rgba(10,19,48,0.05), 0 8px 28px rgba(10,19,48,0.08);
  --cw-shadow-pop:  0 8px 24px rgba(10,19,48,0.16), 0 28px 64px rgba(10,19,48,0.22);
  --cw-shadow-gold: 0 4px 16px rgba(212,160,23,0.22), 0 16px 48px rgba(212,160,23,0.14);

  --cw-max: 1180px;
}