/*
 * brand/tokens.css — the Skunkworks School palette. SOURCE OF TRUTH.
 *
 * Every app under the Skunkworks name (this site, kids-daily-chart, Daymark)
 * draws its colours from these roles. Apps COPY these values; they never load
 * this file from skunkworks.school at runtime — Daymark forbids third-party
 * fetches (its CLAUDE.md rule 9) and a cross-origin stylesheet would make every
 * app's look depend on this site being up. See docs/adr/0003.
 *
 * Scheme: Deep Vintage Mood (244855 e64833 874f41 90aead fbe9d0), from
 * https://visme.co/blog/website-color-schemes/ (sample
 * https://visme.co/blog/wp-content/uploads/2016/09/3.jpg). Dark is the
 * default whatever the OS says; light only when a page sets data-mode="light".
 * Values outside those five are derived to pass `node scripts/check-contrast.mjs`
 * — notably the accents, because e64833 itself is 2.50:1 on the navy and 3.31:1
 * on the cream. Alternate schemes live in brand/schemes/ and are not in use.
 *
 * Roles, not hues: pages say `--sk-accent`, never "orange". band and highlight
 * are fills; text on them uses on-band / on-highlight.
 */

:root {
  color-scheme: dark;
  --sk-bg: #1b3a45;
  --sk-surface: #244855;
  --sk-fg: #fbe9d0;
  --sk-muted: #b8cfce;
  --sk-accent: #ff8a6b;
  --sk-on-accent: #1b3a45;
  --sk-band: #874f41;
  --sk-on-band: #fbe9d0;
  --sk-highlight: #90aead;
  --sk-on-highlight: #1b3a45;
  --sk-success: #9fd6a0;
  --sk-danger: #ffb3a3;
  --sk-border: #33606f;
}

:root[data-mode="light"] {
  color-scheme: light;
  --sk-bg: #fbe9d0;
  --sk-surface: #fffaf2;
  --sk-fg: #244855;
  --sk-muted: #5c4a42;
  --sk-accent: #b33a24;
  --sk-on-accent: #ffffff;
  --sk-band: #244855;
  --sk-on-band: #fbe9d0;
  --sk-highlight: #90aead;
  --sk-on-highlight: #1b3a45;
  --sk-success: #2e6b3a;
  --sk-danger: #7a2a1c;
  --sk-border: #e8d3b5;
}