/* Blind Judge, palette D (travertine and bronze): warm stone by day, basalt by night,
   one bronze accent. DESIGN.md records each role's meaning; the values live only here. */
@font-face {
  font-family: "FairPrompt Wordmark";
  /* Cinzel 600, subset to the letters of FAIRPROMPT. */
  src: url("wordmark.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --page: #ebe6de;
  --glow: rgb(255 252 245 / 0.8);
  --bg: #f7f4ee;
  --raised: #fcfaf6;
  --surface: #ece6dc;
  --surface-hover: #e3dcd0;
  --ink: #25221e;
  --muted: #5f584f;
  --line: #d8d0c3;
  --edge-top: #cbc2b3;
  --edge-bottom: #d8d0c3;
  --strong: #5c4320;
  --on-strong: #fff;
  --strong-hover: #4a3619;
  --primary: #6a4d22;
  --primary-soft: #f0e5d3;
  --secondary: #4b575b;
  --secondary-soft: #e3e6e7;
  --good: #267048;
  --good-bg: #e3efe6;
  --warn: #865717;
  --warn-bg: #fcf4e6;
  --bad: #a63535;
  --bad-bg: #f6eaea;
  --code: #ece6dc;
}

@media (prefers-color-scheme: dark) {
  :root {
    --page: #0f1011;
    --glow: rgb(209 171 115 / 0.07);
    --bg: #18191a;
    --raised: #232426;
    --surface: #222325;
    --surface-hover: #2c2d30;
    --ink: #e7e5e0;
    --muted: #a6a4a0;
    --line: #353739;
    --edge-top: rgb(255 255 255 / 0.16);
    --edge-bottom: rgb(255 255 255 / 0.05);
    --strong: #6b4e24;
    --strong-hover: #7a5a2b;
    --primary: #d1ab73;
    --primary-soft: #2e2618;
    --secondary: #9fb0b5;
    --secondary-soft: #24292b;
    --good: #9ad4af;
    --good-bg: #20392c;
    --warn: #efc389;
    --warn-bg: #3b3022;
    --bad: #ffb2b2;
    --bad-bg: #3d282b;
    --code: #222325;
  }
}