/* Hero adapter — Vesper (saas, DARK). Maps Vesper onto the Shared Hero Contract (CONTRACT.md §2/§3).
   Sources: vesper/tokens.css (:root + .t-display/.t-lead), vesper/vesper.css (.btn*, .site-head, .hero, .shot-frame,
   .v-eyebrow, .quote--mint, .reveal), vesper/pages/index.html, vesper/pages/variants.html, palette/slots.json.
   Copied, never invented. Natively defined (left alone): --bg --text --text-2 --muted --line --font-display --font
   --r-sm --r --r-lg --r-pill --container --gutter. */
:root {
  /* (a) aliases — dark-theme equivalents */
  --surface: var(--bg-2);                /* #0F1011 panels, app chrome */
  --surface-2: var(--bg-3);              /* #141516 cards inside panels */
  --on-dark: var(--text);                /* light text on the dark page */
  --accent: var(--mint);                 /* the one brand accent (palette: primary-on-dark) */
  --on-accent: var(--cta-ink);           /* .quote--mint sets near-black text on the mint fill */
  --ink-bg: var(--bg-2);                 /* the "dark band" on an all-dark site = panel */
  --accent-ink: var(--mint);             /* mint is already the on-dark text accent (≫4.5:1 on #08090A) */
  --star: var(--mint);                   /* Vesper has no rating stars; its one accent */
  --font-label: var(--mono);             /* .v-eyebrow is JetBrains Mono */

  /* (b) voice — .t-display (h1), .t-lead, .v-eyebrow (label) */
  --display-size: 64px; --display-size-sm: 44px;           /* .t-display; ≤900px → 44px */
  --display-weight: 510; --display-lh: 1; --display-tracking: -.022em;
  --display-em: normal;
  --lead-size: 17px; --body-weight: 400;                   /* .t-lead */
  --label-size: 12px; --label-tracking: .02em;             /* .v-eyebrow (copy is typed in caps) */
  --label-transform: none; --label-weight: 400;

  /* (c) shape + nav */
  --r-hero: var(--r-lg);                 /* 16px; .shot-frame uses a literal 18px, --r-lg is the closest token */
  --nav-offset: 64px;                    /* sticky bar, .site-head > .wrap height */
  --hero-tuck: 64px;                     /* frosted dark bar with light text reads on photos */
  --hero-pad-top: 132px;                 /* .hero padding-top (96px ≤900px) */
}