/* tokens — single ownership; responsive overrides remain with their component. */
:root {
  --ink:#090909;
  --paper:#fff;
  --gray:#f1f1f1;
  --accent:#cdfb49;
  --line:#222;
  --gutter:48px;
  --title:48px;
  --body:16px;
  --small:12px;
}

@media(max-width:760px) {
  :root {
    --gutter:24px;
    --title:34px;
  }
}

:root {
  --header-height:64px;
  --hero-title-opacity:.72;
  --section-padding:64px;
  --persona-image-ratio:7/9;
}