/* Typografická škála – CLAUDE.md compliance. - Display: Cal Sans (chunky, opinionated, contrast pairing) - Body: Geist Sans (Vercel-style modern sans, žádný Inter / Roboto) - Data: JetBrains Mono Variable (široký monospace pro čísla) Fonty se nahrávají v v index.html (Google Fonts + lokální fallback). */ :root { --font-display: 'Cal Sans', 'Geist Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-body: 'Geist Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace; } /* Display – chunky, balance-wrapped */ .display { font-family: var(--font-display); font-size: clamp(32px, 2.6vw + 16px, 52px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; margin: 0; color: var(--c-fg-strong); text-wrap: balance; } .h2 { font-family: var(--font-display); font-size: clamp(24px, 1.4vw + 14px, 32px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; margin: 0; color: var(--c-fg-strong); text-wrap: balance; } .h3 { font-size: clamp(15px, 0.4vw + 13px, 17px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; margin: 0; color: var(--c-fg); } .body-lg { font-size: 17px; line-height: 1.55; letter-spacing: -0.005em; } .body { font-size: 15px; line-height: 1.55; letter-spacing: -0.003em; } .body-sm { font-size: 13px; line-height: 1.5; } .caption { font-size: 12px; line-height: 1.4; letter-spacing: 0; } .label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.10em; font-weight: 600; color: var(--c-fg-muted); } .muted { color: var(--c-fg-muted); } .faint { color: var(--c-fg-faint); } /* Numerika – wide monospace, tabular figures, mírně širší letter-spacing */ .num, .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-feature-settings: 'tnum', 'zero', 'cv11'; letter-spacing: 0.02em; text-align: right; font-weight: 500; } /* Velká čísla v KPI – ladi mono ale jen pro samotnou hodnotu */ .kpi__value, .stock-price { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; letter-spacing: -0.01em; } .pos { color: var(--c-success); } .neg { color: var(--c-error); } /* Modern reset: nulový top margin pro headings + paragraphs (browser default přidává ~16px nahoře, což rozbíjí spacing uvnitř karet, kde padding + default margin se sčítají). Bottom margin nechán default (paragraph stack spacing), poslední element v kontejneru ho nezobrazí. */ h1, h2, h3, h4, h5, h6 { margin-top: 0; } p { margin-top: 0; } .card > *:last-child, .modal__body > *:last-child { margin-bottom: 0; } /* Linky – teal accent (žádný browser-default modré underline na dark bg). `:not(.btn)` vylučuje odkazy stylované jako tlačítka (např. primary CTA na landing page = ) — jinak by `a:hover` přepsalo `--btn-fg` na teal = neviditelný text na teal pozadí. */ a:not(.btn) { color: var(--c-primary-400); text-decoration: none; transition: color var(--t-fast) var(--ease-out); border-radius: 2px; } a:not(.btn):hover { color: var(--c-primary-500); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } a:focus-visible { outline: 0; box-shadow: var(--shadow-glow); }