:root {
    /* =====================================================
       KOLORY MARKI (Żółty - nasycony, wyrazisty)
       ===================================================== */

    --color-primary: #FACC15;        /* Mocny, żywy żółty */
    --color-primary-dark: #EAB308;   /* Głęboki, nasycony żółty / złoty */
    --color-primary-light: #FEFCE8;  /* Bardzo jasny, słoneczny akcent tła */

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

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

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

    --color-text: #1F2937;           /* Ciemny, czytelny tekst */
    --color-text-light: #4B5563;     /* Przygaszony szary dla lepszego kontrastu */
    --color-text-muted: #9CA3AF;     /* Jasny kolor pomocniczy */

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

    --color-background: #FFFFFF;
    --color-background-light: #F9FAFB; /* Neutralne, czyste tło */

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

    --color-border: #E5E7EB;         /* Standardowa, czysta ramka */

    /* =====================================================
       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;
}