/* TALOS: bronze-tinted parchment, forest plates, patina bronze. */
:root {
  --plate-sink: oklch(0.276187 0.037679 178.3530);
  --plate-lift: oklch(0.318091 0.046272 172.9065);
  --bronze: oklch(0.700225 0.071477 80.0924);
  --ground: oklch(0.953010 0.015565 86.4257);
  --ground-lift: oklch(0.923886 0.023035 84.5926);
  --ground-sink: oklch(0.888763 0.029425 82.5911);
  --ink: oklch(0.311972 0.043394 178.6158);
  --ink-soft: oklch(0.361482 0.038313 163.8326);
  --accent: oklch(0.471129 0.066139 72.5034);
  --forest: oklch(0.311972 0.043394 178.6158);
  --porcelain: oklch(0.953010 0.015565 86.4257);
  --hairline: oklch(0.32 0.04 168 / 0.22);
  --hairline-strong: oklch(0.32 0.04 168 / 0.50);
  --signal: var(--ink);
  --hold: var(--ink-soft);

  --font-display: "Big Shoulders Display", "Arial Narrow", "Franklin Gothic Medium", sans-serif;
  --font-body: Overpass, "Segoe UI", Tahoma, sans-serif;
  --font-mono: "Chivo Mono", "Cascadia Mono", Consolas, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  --t-1: clamp(0.6875rem, 0.66rem + 0.14vw, 0.75rem);
  --t-2: clamp(1rem, 0.94rem + 0.28vw, 1.125rem);
  --t-3: clamp(1.25rem, 1.08rem + 0.7vw, 1.75rem);
  --t-4: clamp(1.75rem, 1.25rem + 1.7vw, 2.75rem);
  --t-5: clamp(2.5rem, 1.35rem + 3.9vw, 5.25rem);

  --track-label: 0.08em;
  --track-display: -0.02em;
  --radius: 2px;
  --maxw: 1440px;
  --nav-h: 56px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --touch: 44px;
  --gutter: var(--space-4);

  color-scheme: light;
}

@media (min-width: 768px) {
  :root { --gutter: var(--space-6); }
}

@media (min-width: 1024px) {
  :root { --gutter: var(--space-7); }
}