/* ==========================================================================
   TOKENS — The Great American Sign Company
   Palette derived from the company crest: gunmetal ring, heritage red banner,
   royal-blue shield, 23K gold. Interpreted as a luxury heritage-craft system.
   ========================================================================== */

:root {

  /* --- Core surfaces ---------------------------------------------------- */
  --ink:          #0A1524;   /* primary dark canvas (crest shield, deepened) */
  --ink-deep:     #050B14;   /* wells, footer, curtain */
  --ink-soft:     #13243A;   /* elevated dark surfaces */
  --ink-line:     #1E3149;   /* hairlines on dark */

  /* --- Metal: the signature accent (23K gold leaf) ---------------------- */
  --gold:         #C8A02E;   /* 7.44:1 on --ink — passes AA for body text */
  --gold-lite:    #EFD98A;
  --gold-deep:    #8A6A18;
  --gold-grad: linear-gradient(100deg,
                 #8A6A18 0%, #C8A02E 26%, #F6E9BC 48%,
                 #C8A02E 70%, #8A6A18 100%);
  --steel:        #8C949E;   /* crest ring */
  --steel-dark:   #4A525C;

  /* --- Heritage red: used sparingly, never for body text ----------------- */
  --red:          #A31B1F;
  --red-lite:     #C8383C;

  /* --- Warm neutrals: the "signboard" light theme ----------------------- */
  --bone:         #F7F3E9;   /* light section background */
  --bone-deep:    #EFE8D8;
  --sand:         #E5DCC8;   /* borders / dividers on light */
  --walnut:       #3A2919;   /* wood accent + darkest body text */
  --stone:        #635C4C;   /* 5.99:1 on --bone — secondary text */
  --mist:         #A9B4C2;   /* secondary text on dark */
  --white:        #FFFFFF;

  /* --- Glass ------------------------------------------------------------ */
  --glass:        rgba(255, 255, 255, .06);
  --glass-strong: rgba(10, 21, 36, .72);
  --glass-light:  rgba(255, 255, 255, .82);
  --glass-line:   rgba(239, 217, 138, .22);
  --blur:         saturate(180%) blur(18px);

  /* --- Layered shadows — never a single flat shadow ---------------------- */
  --sh-1: 0 1px 2px rgba(5, 11, 20, .28),
          0 2px 6px rgba(5, 11, 20, .18);
  --sh-2: 0 4px 10px rgba(5, 11, 20, .30),
          0 12px 28px rgba(5, 11, 20, .22),
          0 24px 60px rgba(5, 11, 20, .16);
  --sh-3: 0 10px 24px rgba(5, 11, 20, .34),
          0 28px 70px rgba(5, 11, 20, .28),
          0 60px 140px rgba(5, 11, 20, .22);
  --sh-gold: 0 0 0 1px rgba(200, 160, 46, .30),
             0 10px 40px rgba(200, 160, 46, .18);

  /* --- Carved relief — the theme signature ------------------------------ */
  --carve-in:  inset 0 2px 3px rgba(0, 0, 0, .55),
               inset 0 -1px 1px rgba(255, 255, 255, .10);
  --carve-out: 0 1px 0 rgba(255, 255, 255, .18),
               0 -1px 1px rgba(0, 0, 0, .45);

  /* --- Motion ----------------------------------------------------------- */
  --ease:      cubic-bezier(.22, 1, .36, 1);
  --ease-out:  cubic-bezier(.16, 1, .30, 1);
  --ease-in:   cubic-bezier(.55, 0, 1, .45);
  --dur-fast:  .22s;
  --dur:       .42s;
  --dur-slow:  .78s;

  /* --- Radii ------------------------------------------------------------ */
  --r-sm:   6px;
  --r-md:   14px;
  --r-lg:   24px;
  --r-xl:   34px;
  --r-pill: 999px;

  /* --- Rhythm (8pt) ----------------------------------------------------- */
  --s-1: .5rem;   --s-2: 1rem;    --s-3: 1.5rem;  --s-4: 2rem;
  --s-5: 3rem;    --s-6: 4rem;    --s-7: 6rem;    --s-8: 8rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --maxw:   1280px;
  --maxw-narrow: 820px;

  /* --- Type ------------------------------------------------------------- */
  --font-display: 'Fraunces', 'Georgia', 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --t-hero:  clamp(2.6rem,  7vw,   6.4rem);
  --t-h1:    clamp(2.3rem,  5.2vw, 4.4rem);
  --t-h2:    clamp(1.95rem, 4vw,   3.3rem);
  --t-h3:    clamp(1.4rem,  2.4vw, 2rem);
  --t-h4:    clamp(1.15rem, 1.6vw, 1.4rem);
  --t-body:  clamp(1rem,    .35vw + .95rem, 1.0625rem);
  --t-lead:  clamp(1.1rem,  .6vw + 1rem, 1.3rem);
  --t-small: .875rem;
  --t-label: .75rem;

  /* --- Z-index scale ---------------------------------------------------- */
  --z-base:     1;
  --z-raised:   10;   /* sticky topbar / header */
  --z-dropdown: 300;  /* mega menu, tooltips */
  --z-overlay:  999;  /* mobile menu, lightbox */
  --z-toast:    9999; /* curtain, critical */
}

/* Slightly cooler gold on light surfaces so it never blows out on parchment */
.sec--light {
  --gold-on-surface: var(--gold-deep);
}