/* Motyw: kolory jasne (domyślne) i ciemne. Cała aplikacja używa tylko tych zmiennych.
   Paleta pochodzi z logo: granat (--brand, --primary, --btn-bg), koral (--accent: zameldowanie i wyróżnienia),
   zieleń (--info-*), niebo (tło) i kremowy żółty (--warn-*). Nazwy zmiennych nie zmieniać – używa ich cały kod. */
:root {
  color-scheme: light;
  --bg-color: #eef4f9;
  --card-bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f8fb;
  --surface-3: #e2ebf3;
  --border-color: #d5e1ec;
  --text-dark: #25354a;
  --text-muted: #5a6b7d;
  --brand: #2e5084;
  --primary: #3b6aa8;
  --primary-hover: #2f5a94;
  --btn-bg: #34568a;
  --btn-bg-hover: #28446f;
  --accent: #b94a3e;
  --star: #e3a52f;
  --accent-hover: #a13e33;
  --accent-ink: #ffffff;
  --accent-soft: #fdf0ee;
  --accent-text: #a8392f;
  --accent-disabled-bg: #f3dad6;
  --accent-disabled-ink: #9a7a76;
  --info-bg: #eaf3e8;
  --info-line: #c8dec4;
  --info-text: #2f6a3a;
  --warn-bg: #fff6dc;
  --warn-line: #f1dd9a;
  --warn-text: #7a5c00;
  --danger: #a61e2d;
  --danger-bg: #fbeaec;
  --danger-text: #9f1f2c;
  --rose: #d8707c;
  --rose-soft: #fff1f1;
  --overlay: rgba(0, 0, 0, .4);
  --shadow: 0 8px 24px rgba(30, 60, 100, 0.08);
  /* pastelowe odcienie z logo – każdy obszar aplikacji ma swój (data-hue): tło, linia, ciemny napis, mocny akcent */
  --c-blue-soft: #e8f1fa; --c-blue-line: #c7ddf0; --c-blue-ink: #2e5084; --c-blue-strong: #4f7fb8;
  --c-coral-soft: #fdeeea; --c-coral-line: #f3cfc8; --c-coral-ink: #982f26; --c-coral-strong: #c8574b;
  --c-green-soft: #eaf3e8; --c-green-line: #cbe0c6; --c-green-ink: #2b6335; --c-green-strong: #6f9f72;
  --c-yellow-soft: #fff7de; --c-yellow-line: #f1e0a4; --c-yellow-ink: #6f5200; --c-yellow-strong: #d9a93a;
  --c-tan-soft: #fbf0e4; --c-tan-line: #ebd3b5; --c-tan-ink: #7a4a1f; --c-tan-strong: #c98f55;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-color: #0f1620;
  --card-bg: #17212d;
  --surface: #1c2837;
  --surface-2: #182330;
  --surface-3: #243246;
  --border-color: #2e3f55;
  --text-dark: #e3ecf5;
  --text-muted: #9fb2c6;
  --brand: #9cc3de;
  --primary: #3f6fb0;
  --primary-hover: #5584c6;
  --btn-bg: #3a66a3;
  --btn-bg-hover: #4a78b8;
  --accent: #bf4e42;
  --star: #f0b84a;
  --accent-hover: #d0604f;
  --accent-ink: #ffffff;
  --accent-soft: #2e1f1f;
  --accent-text: #f0958a;
  --accent-disabled-bg: #3d2a28;
  --accent-disabled-ink: #8f726e;
  --info-bg: #1b2b22;
  --info-line: #2e4a38;
  --info-text: #a5d6ae;
  --warn-bg: #382f14;
  --warn-line: #5a4a1c;
  --warn-text: #f0d37a;
  --danger: #b5303f;
  --danger-bg: #3a1d22;
  --danger-text: #f2a3ab;
  --rose: #e08a94;
  --rose-soft: #3a2326;
  --overlay: rgba(0, 0, 0, .6);
  --shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
  --c-blue-soft: #1b2a3d; --c-blue-line: #2c4260; --c-blue-ink: #9cc3de; --c-blue-strong: #6f9fd0;
  --c-coral-soft: #2e1f1f; --c-coral-line: #4a2d2b; --c-coral-ink: #f0958a; --c-coral-strong: #d9776b;
  --c-green-soft: #1b2b22; --c-green-line: #2e4a38; --c-green-ink: #a5d6ae; --c-green-strong: #7fb386;
  --c-yellow-soft: #30291a; --c-yellow-line: #51431f; --c-yellow-ink: #f0d37a; --c-yellow-strong: #e0b64f;
  --c-tan-soft: #2e2519; --c-tan-line: #4d3b25; --c-tan-ink: #e3b98c; --c-tan-strong: #d09a62;
}