/* Look A — forest dusk: dark forest greens, cream text, the amber of a setting sun.
   Values from docs/mockups/Main.dc.html and A-Miejsce.dc.html. */
:root {
  color-scheme: dark;

  --bg: #14251D;
  --surface: #1E3529;
  --surface-2: #284536;
  --line: #3A5A48;
  --line-soft: #2C4838;
  --text: #F3EAD7;
  --text-soft: #E4DCC8;
  --muted: #B9C4B3;
  --faint: #5A7766;

  --accent: #F2A93B;
  --accent-hover: #F7C46F;
  --on-accent: #1B1408;
  /* a feature that is there: the badge and its mark */
  --yes-bg: #F2A93B;
  --yes-text: #1B1408;
  /* the ring and icon of a pin on the map */
  --pin-ink: #F3EAD7;
  /* the words of a refusal under a field */
  --error-text: #F2A93B;
  --water: #3F7F90;
  --danger: #B5573A;
  --on-danger: #F3EAD7;
  --no-bg: #33503F;
  --no-text: #C9D2C4;

  /* the category palette: a category stores a slot 1–8, the look gives it a colour */
  --cat-1: #5E8C5A;
  --cat-2: #3F7F90;
  --cat-3: #7A6A9E;
  --cat-4: #B5573A;
  --cat-5: #9A7B3C;
  --cat-6: #4F7A70;
  --cat-7: #8C5A6E;
  --cat-8: #6E7F8C;

  --font-display: Fraunces, Georgia, serif;
  --font-body: Figtree, system-ui, sans-serif;
  --display-weight: 600;

  --radius-sm: 9px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;
  --border: 1px;
  --border-strong: 1.5px;

  --shadow: 0 6px 18px rgba(0, 0, 0, .35);
  --shadow-lift: 0 8px 22px rgba(0, 0, 0, .45);
}

/* Light mode — look B's colours (morning over the lake: linen, teal, the sun's orange) under
   look A's controls; the maintainer's decision of 2026-10-17. Values from docs/mockups/B-*.dc.html.
   Category colours are a shade darker than A's, so a pin's white icon reads on the light map. */
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #F7F1E6;
  --surface: #FFFBF4;
  --surface-2: #EFE7D4;
  --line: #D9CDB6;
  --line-soft: #E4D9C6;
  --text: #1F3326;
  --text-soft: #2F5A3E;
  --muted: #5E6B5F;
  --faint: #A89B7E;

  --accent: #23697A;
  --accent-hover: #1A5260;
  --on-accent: #FFFBF4;
  --yes-bg: #2F6B3B;
  --yes-text: #FFFBF4;
  --pin-ink: #FFFBF4;
  --error-text: #A44A2A;
  --water: #4F97A5;
  --danger: #A44A2A;
  --on-danger: #FFFBF4;
  --no-bg: #F3DED2;
  --no-text: #8A4B30;

  --cat-1: #3F6B45;
  --cat-2: #23697A;
  --cat-3: #6A5A8E;
  --cat-4: #A44A2A;
  --cat-5: #8A6A2C;
  --cat-6: #3F6A60;
  --cat-7: #7C4A5E;
  --cat-8: #5E6F7C;

  --shadow: 0 6px 18px rgba(31, 51, 38, .14);
  --shadow-lift: 0 8px 22px rgba(31, 51, 38, .2);
}