/* Design tokens. Every colour on the site comes from here. */
@font-face { font-family: "Source Serif 4"; src: url("../fonts/source-serif-4-latin-wght-normal.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/source-serif-4-latin-wght-italic.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }

:root {
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --bg: #faf8f3;
  --surface: #ffffff;
  --ink: #1c1b18;
  --ink-2: #4a4843;
  --ink-3: #6f6b63;
  --line: #e4e0d6;
  --accent: #8a6200;        /* brand gold #f5c518, darkened for AA on --bg */
  --accent-soft: #f5c51833;
  --danger: #a33a2c;

  --radius: 6px;
  --measure: 68ch;
  --wide: 72rem;

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2.25rem; --space-7: 3.5rem; --space-8: 6rem;

  --step--1: .875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: clamp(1.9rem, 4vw, 2.4rem);
  --step-4: clamp(2.4rem, 6vw, 3.6rem);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14130f; --surface: #1d1c18; --ink: #ece8df; --ink-2: #bcb7ab; --ink-3: #8d887c;
    --line: #2e2c26; --accent: #f5c518; --accent-soft: #f5c5181f; --danger: #e8806f;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #14130f; --surface: #1d1c18; --ink: #ece8df; --ink-2: #bcb7ab; --ink-3: #8d887c;
  --line: #2e2c26; --accent: #f5c518; --accent-soft: #f5c5181f; --danger: #e8806f;
  color-scheme: dark;
}