/* ========================================================================== DESIGN TOKENS Farby, písma a rozostupy na jednom mieste. Zmena farby značky sa tu urobí raz a prejaví sa na celom webe. ========================================================================== */ :root { /* Farby značky (rovnaký odtieň modrej ako pôvodné logo) */ --color-ink: oklch(23.3% 0.067 266.6); /* najtmavšia — text, päta */ --color-mid: oklch(34.6% 0.074 256); /* stredná — tlačidlá, pás Konzultácia */ --color-steel: oklch(52.8% 0.096 248.8); /* akcentová — ikony, odkazy */ --color-pale: oklch(94.4% 0.01 252.8); /* svetlá — pozadia sekcií */ /* Sémantické farby (odvodené od farieb značky) */ --color-bg: oklch(100% 0 0); --color-fg: var(--color-ink); --color-muted: oklch(50% 0.052 258.4); --color-border: oklch(88% 0.018 254.4); --color-error: oklch(57.7% 0.245 27.325); --color-on-dark: oklch(98.8% 0.005 252.8); /* Písma (načítané v z Google Fonts) */ --font-heading: "Outfit", ui-sans-serif, system-ui, sans-serif; --font-body: "Figtree", ui-sans-serif, system-ui, sans-serif; /* Rozostupy a rozmery */ --content-width: 72rem; /* šírka obsahu na širokých obrazovkách */ --gutter: 1rem; --radius-sm: 0.5rem; --radius-md: 0.75rem; --radius-lg: 1rem; --radius-xl: 1.5rem; --section-padding: 6rem; } @media (min-width: 40rem) { :root { --gutter: 1.5rem; } }