:root {
  color-scheme: light dark;

  --bg: #fafaf7;
  --fg: #1d2a1f;
  --muted: #5b6b5f;
  --accent: #2f7d3a;
  --ok: #1f7a3a;
  --warn: #8a5a00;
  --error: #b3261e;
  --surface: #ffffff;
  --border: #d5dccf;
  --map-bed: #c9b79c;
  --map-bed-stroke: #8a7456;
  --map-path: #e3dccb;
  --map-structure: #b8c4cc;
  --map-structure-stroke: #6b7a85;
  --map-shape: #d9e4d3;
  --map-label: #1d2a1f;
  --map-planting: #2f7d3a;
  --map-selection: #1565c0;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;

  --radius: 0.5rem;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --content-width: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141a15;
    --fg: #e6ede4;
    --muted: #9fb0a2;
    --accent: #6fcf7c;
    --ok: #7fd48a;
    --warn: #f0c060;
    --error: #ff8a80;
    --surface: #1d261f;
    --border: #35433a;
    --map-bed: #6e5f49;
    --map-bed-stroke: #a8946f;
    --map-path: #3c3a33;
    --map-structure: #55626b;
    --map-structure-stroke: #8fa0ab;
    --map-shape: #3a4a38;
    --map-label: #e6ede4;
    --map-planting: #6fcf7c;
    --map-selection: #64b5f6;
  }
}