/* BabyPassbild.de – gemeinsame Basis (selbst gehostete Schrift, DSGVO-konform) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Inter-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/Inter-800.woff2') format('woff2')}

:root{
  --font-base:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --rad-sm:12px; --rad-md:20px; --rad-pill:999px;
  --brand:#1F6F6A; --ink:#1D2A30; --accent:#F4C9A6;
}

/* Schrift sitewide – greift auf Unterseiten (ohne Inline-Schrift) sofort */
html{font-family:var(--font-base)}
body{font-family:var(--font-base)}

/* Feinschliff Lesbarkeit */
h1,h2,h3{letter-spacing:-0.02em}
a{text-underline-offset:3px}

/* Lange Komposita (z. B. „Säuglingspassbilder") sauber umbrechen statt überlaufen */
h1,h2,h3,h4{overflow-wrap:break-word;word-break:normal;hyphens:auto}
img{max-width:100%}