/* Wspólne tokeny wizualne. Plik jest ładowany po styles.css,
   dlatego stanowi jedno końcowe źródło prawdy dla obu motywów. */
:root {
  --bg: #f6f5f1;
  --panel: #ffffff;
  --panel-soft: #f1f5f4;
  --panel-glow: rgba(255, 255, 255, .78);
  --text: #26383c;
  --muted: #56666a;
  --line: #dce3e2;
  --table-head: #f0f4f3;
  --input-bg: #ffffff;
  --accent: #216b87;
  --accent-strong: #174f65;
  --action-bg: #216b87;
  --action-hover: #18566f;
  --action-text: #ffffff;
  --action-success-bg: #047857;
  --action-warning-bg: #92550b;
  --action-danger-bg: #b42318;
  --sidebar: #ffffff;
  --sidebar-text: #26383c;
  --sidebar-muted: #56666a;
  --focus-ring: rgba(33, 107, 135, .22);
  --accent-soft: #eaf3f6;
  --highlight: #ad6139;
  --highlight-soft: #fcf1e7;
  /* Dotychczasowe nazwy są zachowane dla zgodności ze stylami modułów. */
  --tone-blue: #216b87;
  --tone-violet: #216b87;
  --tone-mint: #477b6e;
  --tone-peach: #ad6139;
  --tone-sky: #3d7a91;
  --tile-blue: #eaf3f6;
  --tile-violet: #f1f5f4;
  --tile-mint: #eff5f2;
  --tile-peach: #fcf1e7;
  --ok: #087f75;
  --warning: #a86713;
  --danger: #b42318;
  --radius-sm: 9px;
  --radius-md: 13px;
  --radius-lg: 17px;
  --radius-xl: 22px;
  --shadow-flat: 0 2px 8px rgba(38, 56, 60, .035);
  --shadow-soft: 0 8px 24px rgba(38, 56, 60, .055);
  --shadow: 0 18px 50px rgba(20, 33, 43, .11);
}

body.dark {
  --bg: #202729;
  --panel: #293336;
  --panel-soft: #313e42;
  --panel-glow: rgba(25, 38, 50, .72);
  --text: #eef3f1;
  --muted: #b6c6c7;
  --line: #46575b;
  --table-head: #313e42;
  --input-bg: #232d30;
  --accent: #8cc9dd;
  --accent-strong: #b6e1ed;
  --action-bg: #286f8a;
  --action-hover: #205e76;
  --sidebar: #293336;
  --sidebar-text: #eef3f1;
  --sidebar-muted: #b6c6c7;
  --focus-ring: rgba(140, 201, 221, .3);
  --accent-soft: #30464f;
  --highlight: #e4ac82;
  --highlight-soft: #493b33;
  --tone-blue: #8cc9dd;
  --tone-violet: #8cc9dd;
  --tone-mint: #9ecbbb;
  --tone-peach: #e4ac82;
  --tone-sky: #a0ccdb;
  --tile-blue: #30464f;
  --tile-violet: #313e42;
  --tile-mint: #30433d;
  --tile-peach: #493b33;
  --ok: #4fd1c5;
  --warning: #f2b45d;
  --danger: #ff9189;
  --shadow-flat: 0 1px 2px rgba(0, 0, 0, .22);
  --shadow-soft: 0 10px 28px rgba(0, 0, 0, .22);
  --shadow: 0 22px 58px rgba(0, 0, 0, .36);
}