:root {
  color-scheme: light;
  --brand: #0b7a68;
  --brand-dark: #086454;
  --brand-soft: #dcf0ea;
  --brand-contrast: #ffffff;
  --surface: #ffffff;
  --canvas: #ffffff;
  --text: #15231f;
  --muted: #5b6b65;
  --border: #dae2dc;
  --success: #15803d;
  --danger: #b91c1c;
  --heart: #d24a5c;
  --saffron: #e5a41c;
  --saffron-ink: #2b1f00;
  --map-land: #f3f1eb;
  --map-block: #e7e4da;
  --map-block-edge: #b7b2a4;
  --map-road: #ffffff;
  --map-road-edge: #dedace;
  --map-main: #f8e4ba;
  --map-path: #b6af9e;
  --map-park: #cde3cf;
  --map-park-label: #50785a;
  --map-water: #aed5e1;
  --map-label: #69766f;
  --map-label-strong: #344e47;
  --map-halo: #faf9f5;
  --map-shadow: 0 4px 16px rgba(25, 48, 39, 0.12), 0 1px 3px rgba(25, 48, 39, 0.08);
  --header-height: 3.5rem;
  --radius-card: 12px;
  --radius-input: 8px;
  --shadow-card: 0 1px 3px rgba(20, 35, 30, 0.1);
  --duration-fast: 150ms;
  --duration-base: 200ms;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --brand: #3fc4aa;
  --brand-dark: #72dcc5;
  --brand-soft: #14342d;
  --brand-contrast: #06211b;
  --surface: #16201d;
  --canvas: #0e1614;
  --text: #e7f0ec;
  --muted: #94a69f;
  --border: #25332e;
  --success: #4ade80;
  --danger: #f87171;
  --heart: #f0697a;
  --saffron: #edb43a;
  --map-land: #18231f;
  --map-block: #24362e;
  --map-block-edge: #41584c;
  --map-road: #304139;
  --map-road-edge: #14221c;
  --map-main: #59654d;
  --map-path: #536153;
  --map-park: #234734;
  --map-park-label: #9dbca3;
  --map-water: #203e4b;
  --map-label: #acbdb2;
  --map-label-strong: #d3e2d8;
  --map-halo: #18231f;
  --map-shadow: 0 4px 18px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
}