:root {
    /* Fonts */
    --font-martel: 'Martel', sans-serif;
    --font-martel-sans: 'Martel Sans', sans-serif;

    /* Kolory bazowe */
    --color-primary: #304dab; /* Granatowy często używany (header, linki) */
    --color-secondary: #f5f5f5; /* Jasne tło sekcji */
    --color-accent: #B489B8; /* Dodatkowy akcentowy (używany np. w distinction) */
    --color-danger: #FF0000; /* Kolor ostrzeżeń (high-distinction) */
    --color-text: #333; /* Domyślny ciemny tekst */
    --color-text-light: #666; /* Jaśniejszy tekst */
    --color-border: #ccc; /* Szary do ramek */
    --color-border-2: #ddd; /* Drugi odcień do ramek, np. stonowany */
    --color-white: #fff; /* Biały */
    --color-black: #000; /* Czarny */

    /* Dodatkowe odcienie szarości/pastelowe */
    --color-gray-100: #ececec;
    --color-gray-200: #f9f9f9;
    --color-gray-300: #555;

    /* Kolory linków/hover */
    --color-hover-link: #005bb5;
    --color-accent-2: #FFCD95;

    /* Rozmiary i odstępy */
    --radius-md: 12px; /* Standardowy radius */
    --radius-lg: 28px; /* Duży radius (np. przy buttonach) */
    --padding-section: 40px; /* Często używane 40px */
    --spacing-sm: 10px; /* Mniejsze odstępy */
    --spacing-md: 20px;
    --spacing-lg: 40px;

    /* Cienie */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);

    /* Transition */
    --transition-base: 0.3s ease;

    /* Rozmiary fontów */
    --font-size-base: 1rem;
    --font-size-sm: 1.2rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-xxl: 2.5rem;