/* Vyřešíme – brand kit (barvy z výstupu minutové kalkulace, 7. 10. 2026) */
@font-face { font-family: 'Inter'; src: url('fonts/Inter-400.ttf'); font-weight: 400; }
@font-face { font-family: 'Inter'; src: url('fonts/Inter-600.ttf'); font-weight: 600; }
@font-face { font-family: 'Inter'; src: url('fonts/Inter-800.ttf'); font-weight: 800; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-500.ttf'); font-weight: 500; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-700.ttf'); font-weight: 700; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-800.ttf'); font-weight: 800; }
:root {
  --navy: #24408F; --lime: #B3EB51; --green: #439321; --sky: #5FC8F5; --sky-2: #63D2F9;
  --bg: #F5F7FA; --grad-green-top: #439321; --grad-green-bottom: #B3EB51; --grad-blue-top: #63D2F9; --grad-blue-bottom: #335CB5; --ink: #15213F; --muted: #5B6480; --white: #FFFFFF;
  --font-head: 'Manrope', 'Inter', sans-serif; --font-body: 'Inter', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bg); color: var(--ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: var(--font-head); font-weight: 800; letter-spacing: -0.02em; line-height: 1.05; }
.lime { color: var(--lime); } .navy { color: var(--navy); } .muted { color: var(--muted); }
.pill { display: inline-block; padding: .35em .9em; border-radius: 999px; background: var(--lime); color: var(--navy); font-weight: 700; font-family: var(--font-head); }
.card { background: var(--white); border-radius: 28px; box-shadow: 0 18px 50px rgba(36,64,143,.12); }