/*
 * Jooule brand tokens, kit v1.0.0. Values are canonical: change them here or
 * nowhere. No gradients anywhere in this estate, by rule.
 *
 * Dark is declared TWICE on purpose. The media query serves the visitor who
 * never chose, guarded so an explicit light choice still wins. The attribute
 * rule serves the visitor who did choose, and must come last.
 */

:root {
  --fir: #154734;
  --brass: #8A5F16;
  --brass-on-fir: #D9A441;
  --ink: #0B0B0C;
  --body: #33352F;
  --muted: #6E7169;
  --paper: #FAFAF6;
  --panel: #FFFFFF;
  --sage: #E7EDE9;
  --moss: #D6E2DA;
  --rule: #E3E5DD;
  --on-fir: #FFFFFF;
  --success: #2E7D46;
  --warning: #B26B00;
  --danger: #B3261E;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow: 0 1px 2px rgb(11 11 12 / 5%), 0 8px 24px -12px rgb(11 11 12 / 18%);
  --font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --radius: 12px;
  --radius-sm: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fir: #57A57D;
    --brass: #D9A441;
    --brass-on-fir: #D9A441;
    --ink: #F3F3EE;
    --body: #C9CBC4;
    --muted: #8C8F88;
    --paper: #0D0E0F;
    --panel: #161819;
    --sage: #141A17;
    --moss: #1B241F;
    --rule: #26332B;
    --on-fir: #0B0B0C;
    --success: #5FBF7E;
    --warning: #E0A244;
    --danger: #F2837B;
    --shadow: 0 1px 2px rgb(0 0 0 / 50%), 0 8px 24px -12px rgb(0 0 0 / 70%);
  }
}

:root[data-theme="dark"] {
  --fir: #57A57D;
  --brass: #D9A441;
  --brass-on-fir: #D9A441;
  --ink: #F3F3EE;
  --body: #C9CBC4;
  --muted: #8C8F88;
  --paper: #0D0E0F;
  --panel: #161819;
  --sage: #141A17;
  --moss: #1B241F;
  --rule: #26332B;
  --on-fir: #0B0B0C;
  --success: #5FBF7E;
  --warning: #E0A244;
  --danger: #F2837B;
  --shadow: 0 1px 2px rgb(0 0 0 / 50%), 0 8px 24px -12px rgb(0 0 0 / 70%);
}