/* WIDGET — kolory. Nazwy bazowe zgodne z „System designu 1.0", str. 5 i 14. */
:root{
/* granaty — powaga, sekcje ciemne */
--navy-900:#0E2430;--navy-800:#143543;
/* błękity marki — akcent i interakcja */
--blue-700:#1F5866;--blue-600:#2C6E7C;--blue-400:#6FA7B4;--blue-300:#9FC4CC;--blue-200:#C9DFE4;--blue-100:#EAF2F4;
/* neutralne */
--ink:#16232B;--gray-700:#3C4E56;--gray-500:#5C7078;--gray-400:#78909A;--gray-300:#C0CCD1;--gray-200:#D9E2E5;--gray-100:#E9EEF0;--gray-50:#F4F7F8;--white:#FFFFFF;
/* semantyczne */
--success:#22794A;--error:#C03A2B;--warning:#9A6700;
/* --- aliasy semantyczne (używaj ich w komponentach) --- */
--text-primary:var(--ink);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);
--text-on-dark:var(--white);--text-on-dark-muted:var(--blue-200);--text-accent-on-dark:var(--blue-300);
--text-link:var(--blue-600);--text-link-hover:var(--blue-700);--text-link-on-dark:var(--blue-300);
--surface-base:var(--white);--surface-alt:var(--gray-50);--surface-card:var(--white);--surface-highlight:var(--blue-100);
--surface-dark:var(--navy-900);--surface-dark-alt:var(--navy-800);--surface-inactive:var(--gray-100);
--border-card:var(--gray-200);--border-field:var(--gray-400);--border-divider:var(--gray-300);--border-on-dark:rgba(255,255,255,.14);
--focus-ring:var(--blue-600);--focus-ring-on-dark:var(--blue-300);--focus-glow:rgba(44,110,124,.25);
/* hero: fotografia zawsze pod nakładką granatową 60–75% */
--overlay-hero:rgba(14,36,48,.68);--overlay-hero-strong:rgba(14,36,48,.75);
/* przyciski */
--btn-primary-bg:var(--navy-900);--btn-primary-bg-hover:var(--navy-800);--btn-primary-fg:var(--white);
--btn-primary-dark-bg:var(--blue-300);--btn-primary-dark-bg-hover:var(--blue-200);--btn-primary-dark-fg:var(--navy-900);
--btn-secondary-fg:var(--blue-600);--btn-secondary-border:var(--blue-600);
--btn-disabled-bg:var(--gray-100);--btn-disabled-fg:var(--gray-400);
/* logo — dopuszczone tła (str. 4) */
--logo-safe-bg-1:var(--white);--logo-safe-bg-2:var(--gray-50);--logo-safe-bg-3:var(--blue-100);
}