/* Follow the burn: warm charcoal, ivory and ember. Light/dark themes share
   semantic tokens; contrast is checked by tests/test_contrast.py. */
:root {
  color-scheme: dark;
  --bg:       #111210;   /* page ground */
  --bg-2:     #191A16;   /* cards, fields */
  --bg-3:     #292A23;   /* badges, hover ground */
  --border:   #33342E;   /* hairlines */
  --border-2: #606156;   /* field and secondary-button borders, strong rules */
  --text:     #F3F1E8;   /* body */
  --text-2:   #C1C0B4;   /* muted: ledes, descriptions */
  --text-3:   #AAA99F;   /* labels, captions, fine print */
  --accent:   #FF8958;   /* the tau, key figures, links, tags */
  --accent-text: #111210;
  --btn:      #F3F1E8;   /* primary button ground */
  --btn-text: #111210;
  --focus:    #7FB3F0;
  --viz-1:    #3987E5;   /* chart series 1 (validated: dataviz slot 1, dark step) */
  --viz-2:    #D95926;   /* chart series 2 (slot 2, dark step) */

  --flame-1: #A7381E;
  --flame-2: #ED6334;
  --flame-3: #FFAD62;
  --flame-4: #FFE2A3;
  --report-paper: #F3F1E8;
  --report-ink: #191A16;
  --report-muted: #626459;
  --report-accent: #AC3B19;
  --warm-wash: rgba(141, 54, 27, .14);

  --font-wordmark: "Source Serif 4", Georgia, "Times New Roman", serif;   /* the Latin letters */
  --font-tau: "GFS Didot", Didot, "Bodoni 72", "Times New Roman", serif;      /* the original tau, same as the favicon */
  --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --radius: 5px;
  --radius-lg: 10px;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg:       #FAF9F4;
    --bg-2:     #FFFFFF;
    --bg-3:     #EFEEE6;
    --border:   #E4E5E1;
    --border-2: #C8CAC4;
    --text:     #191A16;
    --text-2:   #52554C;
    --text-3:   #626459;
    --accent:   #AC3B19;
    --accent-text: #FFFFFF;
    --btn:      #191A16;
    --btn-text: #FFFFFF;
    --focus:    #1F5FA8;
    --viz-1:    #2A78D6;
    --viz-2:    #EB6834;
    --flame-2:  #C34B23;
    --flame-3:  #B75A17;
    --flame-4:  #8F4716;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:       #FAF9F4;
  --bg-2:     #FFFFFF;
  --bg-3:     #EFEEE6;
  --border:   #E4E5E1;
  --border-2: #C8CAC4;
  --text:     #191A16;
  --text-2:   #52554C;
  --text-3:   #626459;
  --accent:   #AC3B19;
  --accent-text: #FFFFFF;
  --btn:      #191A16;
  --btn-text: #FFFFFF;
  --focus:    #1F5FA8;
  --viz-1:    #2A78D6;
  --viz-2:    #EB6834;
  --flame-2:  #C34B23;
  --flame-3:  #B75A17;
  --flame-4:  #8F4716;
}

/* Fire is a dark showcase in both site themes: preserve luminosity on light pages. */
.burn-frame {
  color-scheme: dark;
  --bg-2: #191A16;
  --bg-3: #292A23;
  --text: #F3F1E8;
  --text-2: #C1C0B4;
  --text-3: #AAA99F;
  --accent: #FF8958;
  --border: #33342E;
  --border-2: #606156;
  --focus: #7FB3F0;
  --flame-1: #A7381E;
  --flame-2: #ED6334;
  --flame-3: #FFAD62;
  --flame-4: #FFE2A3;
  color: var(--text);
}