/* Design system — jedno miejsce na wszystkie wartości.
   Nic poza tym plikiem nie definiuje kolorów ani odstępów. */

:root {
    /* Powierzchnie i tekst */
    --bg: #0a0a0a;
    --surface: #141414;
    --surface-2: #1c1c1c;
    --text: #e8e8e8;
    --text-dim: #8a8a8a;
    --border: #262626;

    /* Kolory tagów ćwiczeń */
    --compound: #1565C0;
    --izolacja: #6A1B9A;
    --combat: #C62828;
    --cardio: #FF6F00;
    --success: #2E7D32;

    /* Typografia */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --fs-xs: 11px;
    --fs-sm: 13px;
    --fs-md: 15px;
    --fs-lg: 17px;
    --fs-xl: 22px;

    /* Odstępy */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* Kształty */
    --radius: 12px;
    --radius-sm: 6px;

    /* Layout */
    --content-max: 520px;
    --header-h: 52px;
    --tabbar-h: 58px;
    --tap: 44px;                 /* minimalny tap target na iOS */

    --transition: 0.15s ease;
}

/* Użytkownik z włączonym ograniczeniem animacji dostaje zero przejść —
   zerujemy zmienną, żeby nie powtarzać wyjątku przy każdej regule. */
@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0s;
    }
}