/* Change these tokens to restyle every page. No template edits required. */
:root {
  color-scheme: dark;
  --color-bg: #11130f;
  --color-surface: #1b1e18;
  --color-surface-hover: #272c21;
  --color-text: #eeeFE8;
  --color-muted: #a4a99d;
  --color-subtle: #767f6c;
  --color-line: #34392e;
  --color-accent: #d6ef87;
  --color-accent-ink: #17200c;
  --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --page-width: 1440px;
  --page-gutter: clamp(22px, 4.5vw, 80px);
  --media-radius: 3px;
  --media-ratio: 16 / 9;
  --grid-gap: clamp(24px, 3vw, 40px);
  --section-space: clamp(48px, 6vw, 80px);
  --panel-padding: clamp(24px, 3vw, 40px);
  --transition: 180ms ease;
}