/* Design tokens. The only file that may contain colour values or font names.
   Source: docs/brand-guidelines.md (08). Greyscale first, no accent until supplied. */

@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/poppins-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/noto-serif-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/noto-serif-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto-latin-500-normal.woff2") format("woff2");
}

:root {
  color-scheme: light dark;

  --brand: #262626;
  --bg: #f7f7f5;
  --surface: #ffffff;
  --ink: #262626;
  --muted: #5f5f5f;
  --line: #deded9;
  --on-brand: #ffffff;
  --success: #1f6b3a;
  --error: #b3261e;
  --warning: #8a5a00;

  --font-heading: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-body: "Noto Serif", Georgia, "Times New Roman", serif;
  --font-ui: "Roboto", system-ui, "Segoe UI", sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --radius: 6px;
  --measure: 65ch;
  --wrap: 68rem;
  --target: 2.75rem; /* 44px touch target */
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #262626;
    --surface: #2f2f2f;
    --ink: #ededed;
    --muted: #b3b3b3;
    --line: #444444;
    --on-brand: #262626;
    --success: #7bd39a;
    --error: #ff9c94;
    --warning: #f0b84a;
  }
}