:root {
/* Naturalna, bardzo łagodna i rozbielona paleta (Low Intensity) */
--color-soft-ivory: #FAF8F5;       /* Bardzo jasne, naturalne tło strony */
--color-light-sand: #F3EFE9;       /* Bardzo delikatne, neutralne tło dla Hero */
--color-muted-charcoal: #3B3238;   /* Miękki, głęboki grafit z zatarciem (nagłówki) */
--color-earth-gray: #4E4A46;       /* Łagodna, naturalna ciemna szarość (tekst) */
--color-dusty-gray: #756D66;       /* Dyskretne nadtytuły i opisy */
/* Stonowane, ziemiste kolory akcentów (bardzo zgaszone) */
--color-sage-forest: #4A5F50;      /* Bardzo przygaszona, naturalna szałwia (Baza wiedzy) */
--color-dusty-lavender: #756475;   /* Bardzo przygaszony, spokojny fiolet-wrzos (Szukam pomocy) */
/* Przypisanie ról semantycznych */
--bg-main: var(--color-soft-ivory);
--bg-hero: var(--color-light-sand);
--text-main: var(--color-earth-gray);
--text-muted: var(--color-dusty-gray);
--heading-color: var(--color-muted-charcoal);
/* Przyciski */
--btn-primary-bg: var(--color-sage-forest);
--btn-primary-text: #ffffff;
--btn-accent-bg: var(--color-dusty-lavender);
--btn-accent-text: #ffffff;
/* Spacing i Typografia */
--font-base: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
--border-radius-lg: 24px;          /* Zmiękczenie kształtów */
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 2rem;
--spacing-xl: 4.5rem;
}