/* Tokeny wygladu — jedno zrodlo wartosci dla wszystkich typow materialow.
 *
 * Ladowany PIERWSZY (BAZA_CSS w tools/materialy-zbuduj.py), zanim dojdzie
 * arkusz typu (artykul.css, kurs.css, prezentacja.css). Dzieki temu artykul,
 * kurs, spis, analiza, model i prezentacja korzystaja z tych samych kolorow,
 * promieni i cieni — zmiana tutaj zmienia caly serwis.
 *
 * Zasada: w tresci i w komponentach nie wpisujemy wartosci na sztywno.
 * Zamiast  color: #6950c7      pisz  color: var(--purple)
 * Zamiast  border-radius: 12px pisz  border-radius: var(--radius-sm)
 * Zamiast  padding: 16px       pisz  padding: var(--sp-4)
 *
 * Twarde kolory w tresci (np. style="color:#ff8787") wymagaja osobnych
 * selektorow w motywie ciemnym — patrz tools/styl-audyt.py.
 */

:root {
    /* tekst i tla */
    --ink: #202238;
    --muted: #5d6179;
    --soft: #f5f5fb;
    --line: #e2e3ef;

    /* akcenty */
    --purple: #6950c7;
    --purple-dark: #4d369c;
    --purple-soft: #eeeaff;
    --blue: #347fb0;
    --blue-dark: #2b638a;
    --blue-soft: #e8f3fa;
    --green: #267a60;
    --green-soft: #e7f6ef;
    --red: #ae4c58;
    --red-soft: #fdeef0;
    --amber: #a5721d;
    --amber-soft: #fdf3e0;

    /* terminal (artykuly o programowaniu) */
    --terminal: #171827;
    --terminal-ink: #e6e7f4;

    /* ksztalt */
    --radius: 18px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --shadow: 0 18px 45px rgba(45, 39, 85, .09);

    /* skala odstepow — nowe komponenty korzystaja z niej zamiast liczb */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;

    /* prezentacje (osobny typ materialu) */
    --slide-pad: clamp(20px, 3.2vw, 38px);
}