/* Tokeny wyglądu — JEDYNE miejsce z kolorami i fontami. W kodzie tylko var(--t-…). */
/* Motyw: auto. Akcent: grafitowy (zatwierdzony w makiecie 2026-11-10). */
:root {
  color-scheme: light dark;
  --t-akcent: #334155;
  --t-akcent-tekst: #FFFFFF;
  --t-pasek: #334155; /* nagłówek strony — grafitowy w obu motywach (makieta) */
  --t-pasek-tekst: #FFFFFF;
  --t-akcent-jasny: color-mix(in srgb, var(--t-akcent) 12%, var(--t-karta));
  --t-tlo: #F4F5F7;
  --t-karta: #FFFFFF;
  --t-linia: #E2E5EA;
  --t-tekst: #15171C;
  --t-tekst-2: #5A616E;
  --t-ostrzezenie: #B45309;
  --t-ostrzezenie-tlo: #FEF3C7;
  --t-ok: #15803D;
  --t-ok-tlo: #DCFCE7;
  --t-blad: #B91C1C;
  --t-font: "Manrope", system-ui, sans-serif;
  --t-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --t-promien: 12px;
  --t-cien: 0 8px 20px rgb(0 0 0 / 0.22);
  --t-ruch: 0.3s;
  --t-dotyk: 44px; /* minimalny rozmiar elementu do kliknięcia palcem */
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --t-akcent: #CBD5E1;
    --t-akcent-tekst: #0F172A;
    --t-tlo: #16181D;
    --t-karta: #1E2128;
    --t-linia: #2E333C;
    --t-tekst: #ECEDEF;
    --t-tekst-2: #A5ABB6;
    --t-ostrzezenie: #FBBF24;
    --t-ostrzezenie-tlo: #3A2E12;
    --t-ok: #4ADE80;
    --t-ok-tlo: #14301F;
    --t-blad: #F87171;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-ruch: 0s; }
}