/* Oelzschauer Kinderkino — Tokens & Schriften (erzeugt von design-system/_src/build.py) */
@font-face{font-family:'Fredoka';src:url('fonts/fredoka-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Fredoka';src:url('fonts/fredoka-500.woff2') format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Fredoka';src:url('fonts/fredoka-600.woff2') format('woff2');font-weight:600;font-display:block}
@font-face{font-family:'Fredoka';src:url('fonts/fredoka-700.woff2') format('woff2');font-weight:700;font-display:block}
@font-face{font-family:'Schoolbell';src:url('fonts/schoolbell.woff2') format('woff2');font-weight:400;font-display:block}
:root {
  --kk-creme: #FFF7E5;
  --kk-papier: #FFFCF4;
  --kk-creme-tief: #F7E8C8;
  --kk-tinte: #2D3549;
  --kk-tinte-weich: #5A6275;
  --kk-nachtteal: #265F5A;
  --kk-nachtblau: #21354F;
  --kk-rot: #E84037;
  --kk-gelb: #F4B736;
  --kk-tuerkis: #8BB4B2;
  --kk-pflaume: #9F5C70;
  --kk-minze: #72A893;
  --kk-rosa: #C691A9;
  --kk-rot-tief: #C7332B;
  --kk-pastell-blau: #B9DCDA;
  --kk-pastell-pfirsich: #FCB57D;
  --kk-pastell-salbei: #B9D7AF;
  --kk-font-display: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --kk-font-hand: 'Schoolbell', 'Fredoka', cursive;
  --kk-radius-s: 10px;
  --kk-radius-m: 14px;
  --kk-radius-l: 22px;
  --kk-radius-pill: 999px;
}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--kk-creme);color:var(--kk-tinte);font-family:var(--kk-font-display);font-weight:400;
  -webkit-font-smoothing:antialiased;font-synthesis:none}
.kk-hand{font-family:var(--kk-font-hand);font-weight:400}