/* tokens.css v0.1 — kolory i kroje POVsite 2.0 (jasny i ciemny), wydzielone z v2.css, żeby studio (/pov/) mogło
   użyć samych tokenów bez reszty stylów v2. Ładowany przed v2.css. */
:root {
  --sans: 'Radio Canada', system-ui, -apple-system, 'Segoe UI', sans-serif; --serif: 'Literata', Georgia, serif; --cond: 'Sofia Sans Condensed', 'Arial Narrow', sans-serif;
  --nav: 232px; --rail: 360px; --top: 72px; --pl: 0px; --r: 16px;
  --paper: #F2EFE8; --card: #FFFDF8; --line: #E0DBD0; --line-2: #CDC6B8;
  --ink: #1C1915; --ink-2: #4A443B; --ink-3: #5F584D; --on-ink: #FFFFFF;
  --amber: #EC9628; --amber-ink: #2A1900; --amber-soft: #F8E4C6; --kick: #8A4D14;
  --land: #C5CDC4; --land-2: #DCE1DA; --night: #171C1A; --night-2: #222A27; --on-night: #EEF2EF; --on-night-2: #B8C4C2;
  --ok: #1E6B3A; --warn: #7A4B00; --rec: #B42318; --rec-soft: #FBD5D1; --rec-soft-2: #FBE3E0;
  --focus: #1F6FEB; --focus-soft: rgba(31,111,235,.35);
  --seg: #E7E2D8; --seg-sel: #FFFDF8; --soft: #EFEBE3; --hover: #E9E4DA; --rail-bg: #ECE8E0; --map-bg: #E8E5DC; --loc-bg: #ECE9E1; --pin-ring: #FFFFFF;
  --av-bg: #2B3330; --av-fg: #F3F6F4; --wave: #CFC8BB; --wave-on: #A35E0E; --nrec-ic: #A35E0E;
  --top-bg: rgba(242,239,232,.94); --chip-bg: rgba(255,255,255,.9); --field-bg: #FFFDF8; --tabs-bg: #FFFDF8; --player-bg: #171C1A; --player-line: transparent;
  --demo-bg: #FFE9C7; --demo-fg: #6B4100; --demo-bd: #F1C98A; --map-label-halo: #EFECE5;
  --shadow: 0 1px 2px rgba(16,25,27,.05), 0 8px 24px rgba(16,25,27,.06); --shadow-strong: 0 10px 30px rgba(16,25,27,.18); --sel-shadow: 0 1px 2px rgba(16,25,27,.12);
  color-scheme: light;
}
/* motyw ciemny: ręcznie (data-theme="dark") albo automatycznie według systemu */
:root[data-theme="dark"] {
  --paper: #13120F; --card: #1B1A16; --line: rgba(237,233,224,.09); --line-2: rgba(237,233,224,.17);
  --ink: #EDE9E0; --ink-2: #BFB8AB; --ink-3: #9D968A; --on-ink: #13120F;
  --amber: #EF9C30; --amber-ink: #231700; --amber-soft: rgba(236,150,40,.16); --kick: #EDB063;
  --land: #323A38; --land-2: #252B2A; --night: #0D0E0C; --night-2: #171915; --on-night: #EEF2EF; --on-night-2: #B8C4C2;
  --ok: #6FD39A; --warn: #F2C27A; --rec: #FF5A4E; --rec-soft: rgba(255,90,78,.24); --rec-soft-2: rgba(255,90,78,.1);
  --focus: #8AB4FF; --focus-soft: rgba(138,180,255,.35);
  --seg: #26241F; --seg-sel: #3B3833; --soft: #211F1B; --hover: #1F1D19; --rail-bg: #0F0E0C; --map-bg: #181714; --loc-bg: #1A1915; --pin-ring: #13120F;
  --av-bg: #3A3833; --av-fg: #EDEFEC; --wave: #45413A; --wave-on: #EF9C30; --nrec-ic: #EF9C30;
  --top-bg: rgba(19,18,15,.92); --chip-bg: rgba(19,18,15,.86); --field-bg: #171612; --tabs-bg: #171612; --player-bg: #1D1B17; --player-line: rgba(237,239,236,.12);
  --demo-bg: rgba(242,194,122,.14); --demo-fg: #F2C27A; --demo-bd: rgba(242,194,122,.42); --map-label-halo: #181714;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28); --shadow-strong: 0 12px 34px rgba(0,0,0,.55); --sel-shadow: 0 1px 2px rgba(0,0,0,.5);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --paper: #13120F; --card: #1B1A16; --line: rgba(237,233,224,.09); --line-2: rgba(237,233,224,.17);
  --ink: #EDE9E0; --ink-2: #BFB8AB; --ink-3: #9D968A; --on-ink: #13120F;
  --amber: #EF9C30; --amber-ink: #231700; --amber-soft: rgba(236,150,40,.16); --kick: #EDB063;
  --land: #323A38; --land-2: #252B2A; --night: #0D0E0C; --night-2: #171915; --on-night: #EEF2EF; --on-night-2: #B8C4C2;
  --ok: #6FD39A; --warn: #F2C27A; --rec: #FF5A4E; --rec-soft: rgba(255,90,78,.24); --rec-soft-2: rgba(255,90,78,.1);
  --focus: #8AB4FF; --focus-soft: rgba(138,180,255,.35);
  --seg: #26241F; --seg-sel: #3B3833; --soft: #211F1B; --hover: #1F1D19; --rail-bg: #0F0E0C; --map-bg: #181714; --loc-bg: #1A1915; --pin-ring: #13120F;
  --av-bg: #3A3833; --av-fg: #EDEFEC; --wave: #45413A; --wave-on: #EF9C30; --nrec-ic: #EF9C30;
  --top-bg: rgba(19,18,15,.92); --chip-bg: rgba(19,18,15,.86); --field-bg: #171612; --tabs-bg: #171612; --player-bg: #1D1B17; --player-line: rgba(237,239,236,.12);
  --demo-bg: rgba(242,194,122,.14); --demo-fg: #F2C27A; --demo-bd: rgba(242,194,122,.42); --map-label-halo: #181714;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28); --shadow-strong: 0 12px 34px rgba(0,0,0,.55); --sel-shadow: 0 1px 2px rgba(0,0,0,.5);
  color-scheme: dark;
  }
}