/* Kapitan UI — tokeny. Źródło prawdy dla kolorów, cieni, odstępów, promieni i fontów.
   Motywy (atrybut data-theme na <html>):
     light  = B „Papier”  — domyślny jasny
     dark   = C „Warsztat” — ciemny
     sea    = D „Morski kapitan” — alternatywny jasny
   Bez atrybutu: jasny, a przy systemowym trybie ciemnym — ciemny. Nie wpisuj wartości ręcznie w aplikacjach. */
:root,
[data-theme="light"]{
color-scheme:light;
  --bg:#f5f2ec;
  --surface:#fffefb;
  --surface-2:#ece8de;
  --line:#e0dbce;
  --line-strong:#857c6a;
  --ink:#1e2230;
  --ink-muted:#555a69;
  --nav-bg:#fffefb;
  --nav-ink:#1e2230;
  --nav-ink-muted:#5a5f70;
  --nav-active-bg:#e6ebfb;
  --nav-active-ink:#1b36a0;
  --nav-focus:#2339ad;
  --accent:#2b4acb;
  --accent-hover:#2139a8;
  --on-accent:#ffffff;
  --accent-ink:#2339ad;
  --accent-soft:#e9edfb;
  --signal:#e0a124;
  --on-signal:#1a1400;
  --focus-ring:#2b4acb;
  --ok-ink:#0f6b46;
  --ok-bg:#ddf2e7;
  --warn-ink:#8a4b00;
  --warn-bg:#fdebc6;
  --bad-ink:#a3201f;
  --bad-bg:#fbe0de;
  --shadow-1:0 1px 2px rgba(30,34,48,0.07);
  --shadow-2:0 8px 24px rgba(30,34,48,0.12);
}

[data-theme="dark"]{
color-scheme:dark;
  --bg:#12151a;
  --surface:#1a1f27;
  --surface-2:#232934;
  --line:#2d3441;
  --line-strong:#6b7688;
  --ink:#e9ecf1;
  --ink-muted:#a5aebd;
  --nav-bg:#0d1014;
  --nav-ink:#e9ecf1;
  --nav-ink-muted:#9ea8b8;
  --nav-active-bg:#232a36;
  --nav-active-ink:#f5b942;
  --nav-focus:#f5b942;
  --accent:#f2a93b;
  --accent-hover:#ffbd5c;
  --on-accent:#1a1204;
  --accent-ink:#f5b942;
  --accent-soft:#2b2417;
  --signal:#f2a93b;
  --on-signal:#1a1204;
  --focus-ring:#f5b942;
  --ok-ink:#7ddcb0;
  --ok-bg:#14332a;
  --warn-ink:#f5c566;
  --warn-bg:#3a2d12;
  --bad-ink:#ff9c94;
  --bad-bg:#3b1a1a;
  --shadow-1:0 1px 0 rgba(255,255,255,0.03) inset, 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2:0 8px 24px rgba(0,0,0,0.5);
}

[data-theme="sea"]{
color-scheme:light;
  --bg:#edf2f1;
  --surface:#ffffff;
  --surface-2:#e0e9e9;
  --line:#d1dddc;
  --line-strong:#6f8587;
  --ink:#10262c;
  --ink-muted:#425c5c;
  --nav-bg:#0e3340;
  --nav-ink:#eef7f6;
  --nav-ink-muted:#aac8ca;
  --nav-active-bg:#17505f;
  --nav-active-ink:#ffffff;
  --nav-focus:#ffffff;
  --accent:#0c6b7a;
  --accent-hover:#095866;
  --on-accent:#ffffff;
  --accent-ink:#0a6272;
  --accent-soft:#dcf0f0;
  --signal:#e8742a;
  --on-signal:#1a0d02;
  --focus-ring:#0c6b7a;
  --ok-ink:#0f6b46;
  --ok-bg:#ddf2e7;
  --warn-ink:#8a4b00;
  --warn-bg:#fdebc6;
  --bad-ink:#a3201f;
  --bad-bg:#fbe0de;
  --shadow-1:0 1px 2px rgba(16,38,44,0.08);
  --shadow-2:0 8px 24px rgba(16,38,44,0.14);
}

@media (prefers-color-scheme: dark){
:root:not([data-theme]){
color-scheme:dark;
  --bg:#12151a;
  --surface:#1a1f27;
  --surface-2:#232934;
  --line:#2d3441;
  --line-strong:#6b7688;
  --ink:#e9ecf1;
  --ink-muted:#a5aebd;
  --nav-bg:#0d1014;
  --nav-ink:#e9ecf1;
  --nav-ink-muted:#9ea8b8;
  --nav-active-bg:#232a36;
  --nav-active-ink:#f5b942;
  --nav-focus:#f5b942;
  --accent:#f2a93b;
  --accent-hover:#ffbd5c;
  --on-accent:#1a1204;
  --accent-ink:#f5b942;
  --accent-soft:#2b2417;
  --signal:#f2a93b;
  --on-signal:#1a1204;
  --focus-ring:#f5b942;
  --ok-ink:#7ddcb0;
  --ok-bg:#14332a;
  --warn-ink:#f5c566;
  --warn-bg:#3a2d12;
  --bad-ink:#ff9c94;
  --bad-bg:#3b1a1a;
  --shadow-1:0 1px 0 rgba(255,255,255,0.03) inset, 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2:0 8px 24px rgba(0,0,0,0.5);
}
}

:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
  --radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;
  --scrim:rgba(0,0,0,0.5);
  --font-sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}