/* VESPERO — tokens.css
   Single source of identity. style.css reads ONLY var(--token).
   Inherently dark, warm-charcoal template with a molten-orange accent. */
:root{
  /* COLOR */
  --bg:#0E0D0C;
  --bg-deep:#080807;
  --surface:#171615;
  --surface-2:#201E1C;
  --ink:#E9E5E1;
  --body:#A8A39D;
  --muted:#8C8782;
  --accent:#ED4609;
  --accent-2:#F3350C;
  --accent-dim:#F2733E;
  --accent-ink:#0B0A09;
  --line:#2B2B2B;
  --line-soft:#1E1D1B;
  --card:#161514;

  /* TYPOGRAPHY */
  --font-display:"Inter Tight",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --w-reg:400;
  --w-med:500;
  --w-semi:600;
  --w-bold:700;
  --tracking-tight:-0.03em;
  --tracking-label:0.16em;
  --lh-body:1.6;
  --lh-display:1.02;

  /* TYPE SCALE — hard 65px cap wraps every functional heading (R3) */
  --fs-cap:65px;
  --fs-hero:min(clamp(2.25rem,4.4vw + 0.6rem,3.4rem), var(--fs-cap));
  --fs-h2:min(clamp(1.9rem,3vw + 0.5rem,2.85rem), var(--fs-cap));
  --fs-h3:min(clamp(1.2rem,1vw + 0.8rem,1.55rem), var(--fs-cap));
  --fs-lead:clamp(1.0625rem,0.4vw + 0.95rem,1.25rem);
  --fs-body:clamp(0.9375rem,0.25vw + 0.875rem,1rem);
  --fs-label:clamp(0.6875rem,0.15vw + 0.66rem,0.75rem);
  /* decorative oversized (aria-hidden only) — hero word + footer wordmark */
  --fs-mega:clamp(3.4rem,15.5vw,12.5rem);
  --fs-footer-mark:clamp(3.5rem,15vw,12rem);

  /* LAYOUT */
  --maxw:1240px;
  --maxw-narrow:760px;
  --gutter:25px;
  --section-pad-y:clamp(5rem,10vw,9rem);
  --gap:clamp(1rem,2vw,1.5rem);
  --radius-sm:8px;
  --radius-md:14px;
  --card-radius:20px;
  --radius-pill:200px;

  /* MOTION (baseline reveal + marquee) */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --dur:0.6s;
  --reveal-shift:24px;
  --base-x:-24px;          /* baseline R2: fade from the left */
  --base-delay:.15s;       /* DELAY, not duration */
  --stagger:0.08s;
  --marquee-title:30s;
  --marquee-foot:42s;

  /* derived overlay / shadow tints (kept as tokens so style.css stays literal-free) */
  --header-bg:rgba(10,9,8,.74);
  --menu-bg:rgba(255,255,255,.04);
  --case-grad:linear-gradient(180deg,rgba(8,8,7,.05),rgba(8,8,7,.86));
  --glow:radial-gradient(120% 80% at 50% -10%,rgba(237,70,9,.16),transparent 60%);
  --mask-edge:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}

/* dark_* mirror base (no light-mode variant in source) */
.is-dark{
  --bg:#0E0D0C; --ink:#E9E5E1; --body:#A8A39D;
  --line:#2B2B2B; --card:#161514;
}