/* PaceSpan design tokens. Shared with the Clojure app
   (copied to resources/public/css/tokens.css by `make assets`). */
:root {
  --tartan: #1d4f91;
  --tartan-deep: #123766;
  --ink: #0f1e33;
  --chalk: #eef2f5;
  --lane: #ffffff;
  --muted: #5a6b80;
  --rule: rgb(29 79 145 / 0.16);

  --r-easy: #a9b6c6;
  --r-85: #5e8fc2;
  --r-90: #2f8c8a;
  --r-95: #79a83b;
  --r-100: #f2c21b;
  --r-105: #ee7a2a;
  --r-110: #d6453b;
  --r-115: #a3306e;

  --font: "Archivo Variable", "Archivo", system-ui, sans-serif;
  --wide: 125;

  --s-14: 0.875rem;
  --s-17: 1.0625rem;
  --s-21: 1.3125rem;
  --s-28: 1.75rem;
  --s-40: 2.5rem;
  --s-64: clamp(2.75rem, 6vw, 4rem);
  --s-104: clamp(3rem, 9vw, 6.5rem);

  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 76rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #e8eef5;
    --chalk: #0d1a2c;
    --lane: #13243b;
    --muted: #9fb0c4;
    --rule: rgb(255 255 255 / 0.14);
  }
}

:root[data-theme="dark"] {
  --ink: #e8eef5;
  --chalk: #0d1a2c;
  --lane: #13243b;
  --muted: #9fb0c4;
  --rule: rgb(255 255 255 / 0.14);
}