/* ========================================================================= pages.css — komponenty podstránek (Lidé, Redakční zásady, Vlastnická struktura, Ochrana osobních údajů). Navazuje na produkční main.css. Barvy bere z jeho proměnných, s fallbackem na hodnoty odečtené z homepage, aby fungoval i samostatně. TOTO je soubor určený k nasazení. ========================================================================= */ :root { --nv: var(--navy, #2b2d42); --nv-d: var(--navy-deep, #21232f); --rd: var(--red, #ef233c); /* Firemní #ef233c má na bílé kontrast 4,22:1, na #f6f7f9 dokonce 3,94:1 — obojí pod hranicí 4,5:1 pro běžný text. --rd-tx je stejný odstín i sytost (H 353°, S 85 %), jen tmavší: 5,11:1 na bílé, 4,77:1 na šedé. --rd zůstává pro grafiku, boxy a plochy, kde na kontrast textu nedojde. */ --rd-tx: var(--red-text, #d61f36); --tx: var(--ink, #1c1e26); --tx-s: var(--ink-soft, #565a6b); --tx-f: var(--ink-faint, #6c7183); --ln: var(--line, #e3e5ea); --pp: var(--paper, #ffffff); --pp-a: var(--paper-alt, #f6f7f9); --rd-sm: 8px; --rd-lg: 16px; } /* ---------- Skip link ---------- */ .skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--rd-tx); color: #fff; padding: 10px 18px; border-radius: 0 0 8px 0; } .skip-link:focus { left: 0; } /* ---------- Kompaktní hlavička podstránky ---------- */ /* Podstránky nesou class="hero page-hero" — .hero dodá produkční vzhled (navigace, logo, barvy), .page-hero ho jen zkrátí a upraví typografii. */ .hero.page-hero { padding-bottom: clamp(32px, 4vw, 56px); } .hero.page-hero .hero-content { padding-top: clamp(18px, 2.5vw, 34px); max-width: 820px; } .hero.page-hero h1 { margin-bottom: .3em; font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem); } .hero.page-hero .sub { color: rgba(255,255,255,.76); font-size: clamp(1rem,.95rem + .3vw,1.15rem); max-width: 60ch; margin-bottom: 0; } /* ---------- Drobečky ---------- */ /* Drobeček je