/* SeasonSolve brand tokens, generated from tokens.json. Light is the default; dark follows the system setting
   or data-theme="dark". */
@font-face { font-family: "DM Sans"; src: url("fonts/DMSans-Variable.woff2") format("woff2"); font-weight: 100 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("fonts/Gelasio-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("fonts/Gelasio-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Gelasio"; src: url("fonts/Gelasio-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --espresso: #351608;
  --amber: #EAA812;
  --parchment: #F0E7D6;
  --amber-deep: #B97A12;
  --dark-spine: #2A1005;
  --muted-on-dark: #C4A882;
  --warm-brown: #4A2A10;
  --mid-brown: #7A5030;
  --near-black: #1C1C1C;
  --light-bg: #F5F0E8;
  --field-green: #2E6A4A;
  --ice-blue: #2F5F86;
  --bg: var(--parchment);
  --surface: var(--light-bg);
  --surface-2: #E8DCC4;
  --field-bg: #FBF7EF;
  --text: var(--near-black);
  --heading: var(--espresso);
  --muted: var(--mid-brown);
  --border: rgba(122, 80, 48, .28);
  --accent: var(--espresso);
  --accent-ink: var(--parchment);
  --accent-soft: #E8DCC4;
  --rule: var(--amber);
  --warn: var(--warm-brown);
  --warn-soft: #F6E2B0;
  --bad: #A3321A;
  --bad-soft: #F6DED6;
  --mark: var(--mid-brown);
  --bar-bg: var(--espresso);
  --bar-text: var(--parchment);
  --bar-muted: var(--muted-on-dark);
  --h0: #E6DAC2;
  --h1: #F4DC9A;
  --h2: var(--amber);
  --h3: #B97A12;
  --h4: var(--mid-brown);
  --h5: var(--espresso);
  --h-ink-light: var(--near-black);
  --h-ink-dark: var(--parchment);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 40px;
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 8px;
  --radius-icon: 22%;
  --radius-pill: 999px;
  --rule-hairline: 1px;
  --rule-section: 2.5px;
  --rule-callout: 3px;
  --font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-read: Gelasio, Georgia, serif;
  --shadow: 0 1px 0 rgba(53, 22, 8, .06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--espresso);
    --surface: var(--warm-brown);
    --surface-2: #5A3618;
    --field-bg: var(--dark-spine);
    --text: var(--parchment);
    --heading: var(--parchment);
    --muted: var(--muted-on-dark);
    --border: rgba(196, 168, 130, .25);
    --accent: var(--amber);
    --accent-ink: var(--espresso);
    --accent-soft: #5A3618;
    --warn: var(--amber);
    --warn-soft: #4F2F0E;
    --bad: #F0A08A;
    --bad-soft: #5A2412;
    --mark: var(--muted-on-dark);
    --bar-bg: var(--dark-spine);
    --h0: #5A3618;
    --h1: #8A5A1E;
    --h2: #B97A12;
    --h3: var(--amber);
    --h4: #F4DC9A;
    --h5: var(--parchment);
    --h-ink-light: var(--parchment);
    --h-ink-dark: var(--espresso);
    --shadow: none;
  }
}
:root[data-theme="dark"] {
  --bg: var(--espresso);
  --surface: var(--warm-brown);
  --surface-2: #5A3618;
  --field-bg: var(--dark-spine);
  --text: var(--parchment);
  --heading: var(--parchment);
  --muted: var(--muted-on-dark);
  --border: rgba(196, 168, 130, .25);
  --accent: var(--amber);
  --accent-ink: var(--espresso);
  --accent-soft: #5A3618;
  --warn: var(--amber);
  --warn-soft: #4F2F0E;
  --bad: #F0A08A;
  --bad-soft: #5A2412;
  --mark: var(--muted-on-dark);
  --bar-bg: var(--dark-spine);
  --h0: #5A3618;
  --h1: #8A5A1E;
  --h2: #B97A12;
  --h3: var(--amber);
  --h4: #F4DC9A;
  --h5: var(--parchment);
  --h-ink-light: var(--parchment);
  --h-ink-dark: var(--espresso);
  --shadow: none;
}