/* v2 tokens — base values copied from site/css/tokens.css (shipped, real) plus
   the overlay/scrim/motion tokens v2's two new surfaces (landing sequence,
   lightbox) need. Never introduces a new brand color — see v2/DIRECTION.md §0. */
:root {
  --bg: #f3f1ed;
  --ink: #111;
  --ink-rgb: 17, 17, 17;
  --muted: #6c6a65;
  --line: rgba(17, 17, 17, .18);
  --on-dark: #fff;
  --on-dark-rgb: 255, 255, 255;
  --pad: clamp(18px, 3vw, 48px);
  --col-max: 1120px;

  --scrim-top: linear-gradient(180deg, rgba(var(--ink-rgb), .5) 0%, rgba(var(--ink-rgb), 0) 100%);
  --scrim-bottom: linear-gradient(0deg, rgba(var(--ink-rgb), .55) 0%, rgba(var(--ink-rgb), 0) 100%);
  --lightbox-bg: var(--ink);
  --chip-radius: 999px;
  --lqip-blur: 24px;
  --dur-fade: .5s;
  --dur-fade-slow: .9s;
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --gap-grid: clamp(4px, .6vw, 10px);
  --gap-masonry: clamp(12px, 2vw, 28px);

  /* hero micro-type — was clamp(7.5px,.85vw,13.5px)/clamp(9.375px,1.0625vw,16.875px),
     floored at 12px in site/ (FINDINGS.md #11); v2 UI scale reuses those floors. */
  --hero-meta-size: clamp(12px, .85vw, 13.5px);
  --hero-button-size: clamp(12px, 1.0625vw, 16.875px);

  --display-size: clamp(2.5rem, 1.7rem + 5vw, 6rem);
  --h2-size: clamp(1.75rem, 1.3rem + 3vw, 3.5rem);
  --body-size: clamp(1rem, 0.9rem + 0.3vw, 1.125rem);
  --caption-size: 0.8125rem;
  --button-size: 0.6875rem;
  --label-size: 0.75rem;
}