/* Wielerwijs huisstijl: kleuren en lettertypes voor alle schermen.
   Pas hier een kleur of lettertype aan en het verandert overal. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600&display=swap");

:root {
  --bg: #f3f5f2; --card: #ffffff; --ink: #15211d; --muted: #5d6b65; --line: #d9dfdb;
  --green: #123a30; --green-soft: #e3ece8; --orange: #e2731f; --orange-ink: #ffffff;
  --bar: #2f6b58; --ok: #2f7d4f; --warn: #a35b00; --err: #b3261e; --info: #2c5d8a;
  --font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1513; --card: #16201d; --ink: #e8eeeb; --muted: #9aa8a2; --line: #2a3632;
    --green: #9fd3bf; --green-soft: #1d2c27; --orange: #f08a3a; --orange-ink: #1a0f05;
    --bar: #6fbfa2; --ok: #6cc28f; --warn: #e3a54a; --err: #ff8a80; --info: #8cb8e0; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0e1513; --card: #16201d; --ink: #e8eeeb; --muted: #9aa8a2; --line: #2a3632;
  --green: #9fd3bf; --green-soft: #1d2c27; --orange: #f08a3a; --orange-ink: #1a0f05;
  --bar: #6fbfa2; --ok: #6cc28f; --warn: #e3a54a; --err: #ff8a80; --info: #8cb8e0; color-scheme: dark;
}