/* kubit · tokens.css v1.1 — dla aplikacji rozliczeń JDG */

:root{
  color-scheme:light;
  --bg:#F4F6F7; --surface:#FFFFFF; --surface-2:#E9EEEF; --border:#D1DADC;
  --text:#1C2B2F; --text-muted:#5A6B70;
  --accent:#0E7490; --accent-strong:#155E75;
  --accent-soft:#E0F2F7; --accent-contrast:#FFFFFF;
  --ring:rgba(14,116,144,.35);
  --success:#0B815F; --success-soft:#E1F2EC;
  --warning:#92400E; --warning-soft:#FBF0E0;
  --danger:#B3261E;  --danger-soft:#F9E7E4;
  --info:#0E7490;    --info-soft:#E0F2F7;
  --due-ok:var(--text-muted);
  --due-warn:var(--warning);
  --due-urgent:var(--danger);
  --chart-1:#0E7490; --chart-2:#0891B2; --chart-3:#67E8F9;
  --chart-4:#D97706; --chart-5:#94A3B8;
  --fd:'Sora',system-ui,sans-serif;
  --fb:'IBM Plex Sans',system-ui,sans-serif;
  --fm:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:26px;
  --lh:1.5;
  --r-sm:6px; --r:8px; --r-lg:12px; --r-full:999px;
  --shadow-1:0 1px 2px rgba(28,43,47,.08);
  --shadow-2:0 10px 30px rgba(28,43,47,.12);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --tr:.15s;
  --touch:44px;
  --z-dropdown:100; --z-sticky:200; --z-modal:300; --z-toast:400;
}

[data-theme="dark"]{
  color-scheme:dark;
  --bg:#15191C; --surface:#1C2328; --surface-2:#252E34; --border:#333E45;
  --text:#E8EDEE; --text-muted:#98A6AA;
  --accent:#22D3EE; --accent-strong:#41E0F7;
  --accent-soft:rgba(34,211,238,.14); --accent-contrast:#0A151A;
  --ring:rgba(34,211,238,.45);
  --success:#34D399; --success-soft:rgba(52,211,153,.15);
  --warning:#FBBF24; --warning-soft:rgba(251,191,36,.15);
  --danger:#F87171;  --danger-soft:rgba(248,113,113,.15);
  --info:#22D3EE;    --info-soft:rgba(34,211,238,.14);
  --chart-1:#22D3EE; --chart-2:#67E8F9; --chart-3:#0E7490;
  --chart-4:#FBBF24; --chart-5:#64748B;
  --shadow-1:none;
  --shadow-2:0 10px 30px rgba(0,0,0,.45);
}