/* Canonical AVARA tokens, resolved from the approved Homepage Style Lab source. */
:root {
  --brand-background: #202122;
  --brand-panel: #282b2e;
  --brand-paper: #f2f1ed;
  --brand-muted: #a7adb5;
  --brand-accent: #2478d8;
  --accent-readable-dark: #5599e4;
  --accent-readable-light: #145baa;
  --brand-ink: #14171a;
  --font-display: 'Geist Mono', Consolas, monospace;
  --font-emphasis: 'Geist', Arial, sans-serif;
  --font-hero: Arial, Helvetica, sans-serif;
  --font-copy: 'Share Tech Mono', monospace;
  --font-utility: 'Share Tech Mono', monospace;
  --weight-display: 900;
  --weight-emphasis: 700;
  --weight-copy: 400;
  --weight-utility: 700; /* The mockup synthesizes bold from the licensed 400 font. */
  --weight-navigation: 400;
  --tracking-display: -.065em;
  --tracking-utility: .06em;
  --leading-display: 1.02;
  --leading-copy: 1.65;
  --size-copy: 18px;
  --size-copy-mobile: 17px;
  --size-utility: 16px;
  --size-utility-mobile: 13px;
  --size-navigation: 15px;
  --page-width: 1392px;
  --page-gutter: clamp(24px, 4vw, 80px);
  --grid-cell: 48px;
  --grid-marker-step: 192px;
  --border-thin: 1px;
  --action-min-height: 44px;
  --motion-quick: .18s;
  --motion-reveal: .3s;
  --ease-ink: cubic-bezier(.2,.65,.3,1);
  --bg: var(--brand-background);
  --panel: var(--brand-panel);
  --paper: var(--brand-paper);
  --muted: var(--brand-muted);
  --blue: var(--brand-accent);
  --ink: var(--brand-ink);
  --max: var(--page-width);
  --gutter: var(--page-gutter);
  --display-font: var(--font-display);
  --body-font: var(--font-copy);
  --technical-font: var(--font-utility);
  --action-font: var(--font-utility);
  --display-weight: var(--weight-display);
  --display-spacing: var(--tracking-display);
  --display-leading: var(--leading-display);
}