/* Midwise – „Bald da“-Seite. Farben aus dem Markenbuch „Midwise“ (tokens.json).
   Keine externen Ressourcen: Figtree liegt lokal unter fonts/ (SIL OFL), kein Tracking, keine Cookies. */
@font-face { font-family: "Figtree"; src: url("fonts/Figtree_400Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/Figtree_600SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
:root { --surface:#FAF7F6; --raised:#FFFFFF; --line:#E7DEDD; --ink:#22192B; --muted:#645A6B; --plum:#3B2A4A; --peach-soft:#FDE9E1; --peach-ink:#9C4A2E; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --surface:#17121C; --raised:#211A28; --line:#352B3E; --ink:#F2EDF5; --muted:#B3A8BB; --plum:#CBB8DE; --peach-soft:#4A2E25; --peach-ink:#F7BFA8; } }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--surface); color: var(--ink); font: 400 17px/1.6 "Figtree", system-ui, sans-serif; min-height: 100vh; display: flex; flex-direction: column; }
a { color: var(--plum); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--plum); outline-offset: 3px; border-radius: 4px; }
.wrap { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 16px; }
main { flex: 1; display: flex; align-items: center; padding: 64px 0; }
.hero img { display: block; width: min(260px, 70vw); height: auto; }
.hero h1 { font-size: clamp(28px, 6vw, 40px); line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; margin: 40px 0 16px; }
.hero p { color: var(--muted); margin: 0 0 16px; max-width: 34em; }
.pill { display: inline-block; background: var(--peach-soft); color: var(--peach-ink); font-weight: 600; font-size: 14px; padding: 4px 12px; border-radius: 9999px; margin-top: 8px; }
.contact { margin-top: 32px; font-weight: 600; }
footer { border-top: 1px solid var(--line); padding: 24px 0; font-size: 15px; color: var(--muted); }
footer .wrap { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.legal main { display: block; }
.legal h1 { font-size: 32px; line-height: 1.2; margin: 32px 0 24px; }
.legal h2 { font-size: 19px; margin: 32px 0 8px; }
.legal .back { font-weight: 600; }
.todo { background: #FFE58F; color: #22192B; padding: 0 4px; border-radius: 4px; }