/* ========== ZMIENNE GLOBALNE ========== */
:root {
    /* === Kolory główne (brandowe) === */
    --color-primary: #F43B47;   /* czerwony (PANTONE 1787 C) */
    --color-secondary: #453A94; /* fioletowy (PANTONE 2104 C) */

    /* === Gradient brandowy === */
    --gradient-brand: linear-gradient(135deg, #F43B47, #453A94);

    /* === Tło i tekst === */
    --color-bg: #ffffff;
    --color-text: #111111;
    --color-text-light: #666666;

    /* === Typografia === */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* === Rozmiary fontów === */
    --font-size-base: 16px;
    --font-size-h1: 3rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.5rem;

    /* === Spacingi === */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* === Radius === */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
}