/* fonts.css sa načítava priamo z HTML súbežne s týmto súborom. */
/* ---------- tokeny ---------- */
:root {
--navy-900:#0A1A2B; --navy-800:#0F2438; --navy-700:#16324B; --navy-600:#1F4463;
--navy-500:#3D7CA8; /* okraje interaktívnych prvkov — 3,89:1 voči --navy-900 */
--orange:#E8792B; --orange-hi:#F79246; --cyan:#35A9E5;
--paper:#FFFFFF; --ink:#0C1620; --ink-muted:#41536A; --muted:#9DB3C7; --text:#E8F0F7;
/* chybové stavy formulára kontakt.php — 4,49:1 / 7,98:1 / 10,94:1 voči --navy-900 */
--danger:#E5484D; --danger-soft:#FF8E92; --danger-text:#FFC9CB;
/* dlhý text právnych stránok (Task 13) — o čosi tlmenejšie než --text,
nech dlhý odsek nepôsobí rovnako ostro ako krátky marketingový text;
11,92:1 voči --navy-900, stále ďaleko nad AAA. */
--legal-text:#C6D7E5;
--font-head:'Montserrat',system-ui,sans-serif;
--font-body:'Inter',system-ui,sans-serif;
--container:1200px;
--pad:clamp(1rem,4vw,2rem);
--gap:clamp(1rem,2.5vw,2rem);
--section-y:clamp(3.5rem,8vw,7rem);
--radius:14px;
--ring:0 0 0 3px rgba(53,169,229,.55);
--shadow:0 18px 40px rgba(0,0,0,.35);
}
/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--navy-900);color:var(--text);
font:400 clamp(1rem,.4vw + .95rem,1.0625rem)/1.65 var(--font-body)}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-head);font-weight:800;line-height:1.1;
letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4.5rem);text-transform:uppercase}
h2{font-size:clamp(1.7rem,3.4vw,2.75rem);text-transform:uppercase}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:700}
p{margin:0 0 1rem}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}
/* ---------- layout ---------- */
.container{width:min(100% - 2*var(--pad),var(--container));margin-inline:auto}
.section{padding-block:var(--section-y)}
.section--alt{background:var(--navy-800)}
.eyebrow{font:600 .8rem/1 var(--font-body);letter-spacing:.14em;
text-transform:uppercase;color:var(--cyan);margin:0 0 1rem}
.lead{color:var(--muted);font-size:1.075rem;max-width:62ch}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:999;background:var(--orange);
color:var(--ink);padding:.6rem 1rem;border-radius:8px}
/* ---------- tlačidlá ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;
font:700 .82rem/1 var(--font-body);letter-spacing:.09em;text-transform:uppercase;
padding:1rem 1.6rem;border-radius:999px;border:2px solid transparent;
background:transparent; /*