/* Values copied from src/styles/tokens.css. Every pair used here is in the contrast table
   (scripts/check-contrast.mjs): text, text-dim, accent and fail on ground and surface;
   on-accent on accent; line-strong on ground and surface. */
@font-face { font-family: 'Archivo'; src: url('/fonts/archivo.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: dark;
  --fg-ground: #0e1a17; --fg-surface: #16241f;
  --fg-text: #f2ede1; --fg-text-dim: rgb(242 237 225 / 0.72);
  --fg-line: rgb(242 237 225 / 0.135); --fg-line-strong: rgb(242 237 225 / 0.17);
  --fg-accent: #ce7250; --fg-on-accent: #0e1a17; --fg-fail: #e76274;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --fg-ground: #f2ede1; --fg-surface: #ece5d6;
    --fg-text: #16241f; --fg-text-dim: rgb(22 36 31 / 0.80);
    --fg-line: rgb(31 59 52 / 0.20); --fg-line-strong: rgb(31 59 52 / 0.24);
    --fg-accent: #a34e2f; --fg-on-accent: #f8f4ea; --fg-fail: #a83228;
  }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--fg-ground); color: var(--fg-text);
  font: 13px/1.5 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; }
/* Theme-matched logo: one of the pair is always hidden. Kept last and specific so no layout rule
   (such as .card img) can show both. */
img.logo-light { display: none; }
@media (prefers-color-scheme: light) {
  img.logo-dark { display: none; }
  img.logo-light { display: block; }
}