/* Kleuren, lettertypes en maten — pas hier de huisstijl aan */
:root {
  --green-deep: #2F5D4C;
  --green-mid: #3F7A63;
  --green-dark: #26493C;
  --sage: #EAF1EA;
  --cream: #FBF9F4;
  --blue: #5E86A0;
  --ink: #202A24;
  --ink-soft: #52605A;
  --line: #D8E0D6;
  --white: #FFFFFF;
  --night: #1C2620;
  --warn-bg: #FCEFD9;
  --warn-ink: #6B4E17;
  --error-bg: #FBE3E3;
  --error-line: #E6A3A3;
  --error-ink: #7A2020;
  --ok-bg: #E3F3E8;
  --ok-line: #9CCBAE;
  --ok-ink: #1F4A33;

  --radius: 4px;
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cream: #171C19; --white: #1F2620; --ink: #EDEFEB; --ink-soft: #A9B5AC;
    --line: #33403A; --sage: #22302A;
    --warn-bg: #3A3018; --warn-ink: #F0D79A;
    --ok-bg: #1C3327; --ok-line: #2F5D4C; --ok-ink: #BFE6CF;
    --error-bg: #3A1F1F; --error-line: #7A3A3A; --error-ink: #F3C4C4;
  }
}
:root[data-theme="dark"] {
  --cream: #171C19; --white: #1F2620; --ink: #EDEFEB; --ink-soft: #A9B5AC;
  --line: #33403A; --sage: #22302A;
  --warn-bg: #3A3018; --warn-ink: #F0D79A;
  --ok-bg: #1C3327; --ok-line: #2F5D4C; --ok-ink: #BFE6CF;
  --error-bg: #3A1F1F; --error-line: #7A3A3A; --error-ink: #F3C4C4;
}