:root {
    /* === Redesign "Strefa Uczestnika" (2026-09-09) — patrz
       PLAN-REDESIGN-STREFA-UCZESTNIKA.md dla pełnej tabeli mapowania i
       uzasadnienia. Wartości niżej ZASTĘPUJĄ poprzednią (zieloną/chłodną)
       paletę — te same NAZWY zmiennych, żeby każdy istniejący komponent w
       components.css (i cała reszta aplikacji, która się do nich odwołuje)
       dostał nowy wygląd bez dodatkowych zmian. === */

    /* Neutralne / tekst */
    --color-ink: #1B2333;          /* najciemniejszy neutral — główny tekst nagłówków, tło paska narzędzi */
    --color-ink-soft: #4A505E;     /* tekst podstawowy */
    --color-text-muted: #6B7180;   /* tekst pomocniczy / opisowy */
    --color-text-faint: #8A90A0;   /* etykiety pól formularzy (jeszcze jaśniejszy szary) — dobrane, redesign nie definiuje 4. poziomu */

    /* Powierzchnie */
    --color-bg: #FAF7F2;           /* tło strony — ciepły "paper", nie chłodny szary jak wcześniej */
    --color-surface: #FFFFFF;      /* karty, panele */
    --color-border: #E4E0D8;       /* obramowania */

    /* Marka */
    --color-brand: #085041;         /* linki, etykiety, akcenty (tekst na jasnym tle) */
    --color-brand-strong: #0F6E56;  /* przyciski CTA */
    --color-brand-weak: #E1F5EE;    /* tło chipów/pozycji nawigacji po najechaniu/aktywnych */

    /* Drugi kolor marki — akcent (nowość, wcześniej był tylko jeden zielony) */
    --color-accent: #C0562F;

    /* Stany — sukces / błąd / ostrzeżenie (flash messages, odznaki statusu) */
    --color-success-soft: #E7F1E7;
    --color-success-ink: #2E6B3E;
    --color-danger: #B3261E;               /* obramowanie bloku błędów walidacji */
    --color-danger-soft: #FBE9E7;
    --color-danger-ink: #B3261E;
    --color-pending-soft: #FBEEDA;
    --color-pending-ink: #8A5A00;
    /* Kolor "info" BEZ ZMIAN — redesign nie definiuje odpowiednika (np.
       status wydarzenia "Zapowiedź" nadal używa starej, chłodnej wartości). */
    --color-info-soft: oklch(0.7 0.14 200 / 0.16);
    --color-info-ink: oklch(0.5 0.1 200);

    /* Pola formularzy */
    --color-border-input: #CFC9BE;
    --color-focus: #0F6E56;

    /* Kształt */
    --radius-card: 14px;   /* karty, panele */
    --radius-control: 10px; /* przyciski, pola formularzy */
    --shadow-card: 0 1px 2px rgba(27, 35, 51, 0.06); /* delikatny cień kart (nowość) */

    /* Skala odstępów (nowość, ze wzorca "Strefa Uczestnika" — tam --su-1..8).
       Wprowadzona przy okazji strony logowania (2026-09-09), gdzie wzorzec
       jawnie odwołuje się do niej w inline style (np. margin-top: var(--su-3)).
       Nazwy BEZ prefiksu "su-", zgodnie z resztą konwencji tokenów. */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* Typografia — Figtree (Space Grotesk usunięty całkowicie 2026-09-11,
       patrz base.html.twig — ostatni szablon wymuszający go inline już
       przestawiony). --font-body zostaje jako osobna zmienna (część
       komponentów w components.css się do niej odwołuje), ale wskazuje już
       na ten sam krój co --font-display. */
    --font-display: 'Figtree', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-body: 'Figtree', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}