/* Design tokens. Gum bark and eucalypt, with wattle as the one loud colour. */
:root {
  --bg: #edf0ea;
  --surface: #f8faf6;
  --ink: #1f2b27;
  --muted: #56655f;
  --line: #cdd7d0;
  --eucalypt: #2f4a43;
  --eucalypt-soft: #dbe5df;
  --on-eucalypt: #f3f7f4;
  --bar: #2f4a43;
  --on-bar: #f3f7f4;
  --wattle: #e0a526;
  --wattle-soft: #f6e6bd;
  --wattle-ink: #5c3f00;
  --sow: #5f8f56;
  --plant: #4b7d86;
  --harvest: var(--wattle);
  --warn-bg: #f8e3c8;
  --warn-ink: #6d3d06;
  --danger: #9f3a2e;
  --ok: #3f6f3a;

  --season-summer: #f3e2b8;
  --season-autumn: #ecd8c9;
  --season-winter: #d7e1e6;
  --season-spring: #dbe8d3;

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Type scale: 1.25 ratio */
  --step--1: 0.84rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.56rem;
  --step-3: 1.95rem;
  --step-4: 2.44rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.5rem;

  --radius-s: 4px;
  --radius-m: 10px;
  --measure: 68ch;
  --page: 72rem;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #131b18;
    --surface: #1a2420;
    --ink: #e2e9e4;
    --muted: #9aaaa3;
    --line: #2d3a35;
    --eucalypt: #9cc3b3;
    --eucalypt-soft: #22322c;
    --on-eucalypt: #0f1714;
    --bar: #1c2a25;
    --on-bar: #e2e9e4;
    --wattle: #f0bd4a;
    --wattle-soft: #3a2f14;
    --wattle-ink: #f6d890;
    --sow: #7fb372;
    --plant: #6fa6b0;
    --warn-bg: #3b2a14;
    --warn-ink: #f3c98c;
    --danger: #e0806f;
    --ok: #8fc486;
    --season-summer: #3a321c;
    --season-autumn: #372a22;
    --season-winter: #1f2c33;
    --season-spring: #22301f;
    color-scheme: dark;
  }
}