:root {

    /* =====================================================
       KOLORY MARKI
       ===================================================== */

    --color-primary: #7C3AED;
    --color-primary-dark: #6D28D9;
    --color-primary-light: #F5F3FF;

    /* =====================================================
       KOLORY PODSTAWOWE
       ===================================================== */

    --color-white: #FFFFFF;
    --color-black: #000000;

    /* =====================================================
       TEKST
       ===================================================== */

    --color-text: #1F2937;
    --color-text-light: #6B7280;
    --color-text-muted: #9CA3AF;

    /* =====================================================
       TŁO
       ===================================================== */

    --color-background: #FFFFFF;
    --color-background-light: #F9FAFB;

    /* =====================================================
       OBRAMOWANIA
       ===================================================== */

    --color-border: #E5E7EB;

    /* =====================================================
       UKŁAD
       ===================================================== */

    --container-width: 1200px;
    --container-padding: 24px;

    /* =====================================================
       ZAOKRĄGLENIA
       ===================================================== */

    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 20px;

    /* =====================================================
       CIENIE
       ===================================================== */

    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.08);

    /* =====================================================
       ANIMACJE
       ===================================================== */

    --transition: 0.2s ease;

}