/* Block Endurance design tokens. Source of truth: block-endurance.com.
   Rules of use: see DESIGN.md next to this file.
   Fonts are loaded by each page (Google Fonts link in DESIGN.md).
   Copies: race-lab/site/public/tokens.css (run `npm run sync-tokens` in race-lab after editing). */

:root {
  /* Surfaces */
  --sand: #f9f4eb;        /* page background */
  --sand-deep: #eee6d9;   /* secondary background, empty bars */
  --card: #fdfaf4;        /* cards */
  --limestone: #dcd6cb;   /* borders, rules */

  /* Text */
  --ink: #211d1a;         /* main text */
  --ink-2: #4a443e;       /* secondary text */
  --muted: #6a635c;       /* captions, sources */

  /* Brand colors */
  --terracotta: #a16140;  /* the one accent: key number, call to action */
  --sea: #2a5a66;         /* secondary, swim */
  --olive: #696f54;       /* secondary, run */

  /* Dark hero blocks (same look in both themes) */
  --hero-bg: #211d1a;
  --hero-ink: #f9f4eb;
  --hero-muted: #b9b1a5;
  --hero-line: #3a342f;
  --hero-accent: #c77d58; /* terracotta readable on hero-bg */

  /* States */
  --good: #3f6b2f;
  --bad: #a3392b;

  /* Type */
  --f-display: "Playfair Display", Georgia, serif;  /* headings, weight 400 */
  --f-serif: "Lora", Georgia, serif;                /* italic editorial voice */
  --f-sans: "Inter", system-ui, sans-serif;         /* body */
  --f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace; /* numbers, labels, buttons */

  /* Shape */
  --r: 2px;               /* near-square corners everywhere */

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sand: #161310; --sand-deep: #24201b; --card: #1f1b17; --limestone: #39352f;
    --ink: #efebe2; --ink-2: #c9c2b7; --muted: #9d978f;
    --terracotta: #c77d58; --sea: #548a97; --olive: #90967a;
    --hero-bg: #0f0d0b; --hero-ink: #efebe2; --hero-muted: #9d978f; --hero-line: #2c2824;
    --good: #8fb67c; --bad: #e2806f;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --sand: #161310; --sand-deep: #24201b; --card: #1f1b17; --limestone: #39352f;
  --ink: #efebe2; --ink-2: #c9c2b7; --muted: #9d978f;
  --terracotta: #c77d58; --sea: #548a97; --olive: #90967a;
  --hero-bg: #0f0d0b; --hero-ink: #efebe2; --hero-muted: #9d978f; --hero-line: #2c2824;
  --good: #8fb67c; --bad: #e2806f;
  color-scheme: dark;
}