/*
 * Zmienne CSS (custom properties) definiujące system projektowy witryny -
 * kolory, typografie, odstępy, promienie i cienie.
 *
 * Paleta marki Erinea - próbkowana z logo.png:
 *   wordmark orchid #7C3C8D · liść limonkowy #7FB347 · oliwkowy #528731
 *   podpis „CENTRUM DIETETYCZNE” #7A7A7E
 * Wordmark ma kontrast ~7.3:1 z białym (WCAG AA).
 * Stopka / ciemne panele: głęboki forest-plum (analogiczny do wordmarku,
 * z chłodnym undertonem) zamiast jaskrawego magenty.
 */

:root {
	/* Kolory marki - orchid wordmark + deep forest-plum UI */
	--color-primary: #7c3c8d;
	--color-primary-dark: #5e2c6e;
	--color-primary-light: #efe6f2;
	--color-secondary: #1f1a22;
	--color-secondary-light: #342a38;

	/* Akcent liścia (logo) - selektywnie: success, eyebrow, outline, panele */
	--color-brand-green: #7fb347;
	/* Ciemniejszy liść na białym/tłach (~6.4:1) - tekst, eyebrow WCAG AA */
	--color-brand-green-dark: #3f6a24;
	--color-brand-green-light: #e8f0d8;
	--color-accent: var(--color-brand-green);

	/* Kolory funkcjonalne */
	--color-success: var(--color-brand-green-dark);
	--color-info: #0194d9;
	--color-warning: #e79600;
	--color-danger: #d23636;

	/* Neutralne - biały bg logo; muted ≥4.5:1 na białym i surface */
	--color-text: #2a2230;
	--color-text-muted: #5f5b63;
	--color-body: #ffffff;
	--color-surface: #f8f7f5;
	--color-surface-alt: #f0efe9;
	--color-border: #e2e0dc;

	/* Typografia */
	--font-heading: 'Playfair Display', 'Playfair Display Fallback', 'Georgia', serif;
	--font-body: 'Montserrat', 'Montserrat Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-size-base: 1rem;
	--line-height-base: 1.65;

	/* Odstępy */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-8: 3rem;
	--space-10: 4rem;
	--space-12: 6rem;

	/* Promienie i cienie */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 15px;
	--radius-xl: 20px;
	--radius-pill: 999px;
	--shadow-sm: 0 2px 8px rgba(31, 26, 34, 0.06);
	--shadow-md: 0 10px 30px rgba(31, 26, 34, 0.1);
	--shadow-lg: 0 20px 50px rgba(31, 26, 34, 0.16);

	/* Kontener */
	--container-max-width: 1200px;
	--container-narrow-width: 820px;

	/* Panel administracyjny */
	--admin-sidebar-width: 260px;
	--admin-topbar-height: 64px;

	/* Przejścia */
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;

	/* Z-index */
	--z-header: 100;
	--z-modal: 1000;
	--z-toast: 1100;
}