/*
 * Generated by kit/scripts/apply-tokens.mjs from this repo's tokens.example.json.
 * Do not hand-edit — edit tokens.example.json and re-run apply-tokens instead,
 * or this file silently drifts from the JSON it's supposed to mirror.
 */
:root {
  --color-background: #FFFBF6;
  --color-surface: #FFFBF6;
  --color-ink: #2B2422;
  --color-on-ink: #FFFBF6;
  --color-primary: #E4436B;
  --color-on-primary: #FFFBF6;
  --color-accent: #F5A524;
  --color-on-accent: #2B2422;
  --color-border: #2B2422;
  --color-blush: #FFD6DE;
  --color-butter: #FFE7A8;
  --color-minze: #C6E7D6;
  --color-himmel: #CFE3F6;
  --color-lila: #E5D7F7;
  --color-pfirsich: #FFD5BE;
  --color-grau: #7A6E68;
  --font-heading: 'Baloo 2', sans-serif;
  --font-body: 'Karla', sans-serif;
  --font-size-base: 18px;
  --font-scale: 1.333;
  --radius-sm: 8px;
  --radius-md: 24px;
  --radius-lg: 999px;
  --spacing-unit: 8px;
}

body {
  background: var(--color-background);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
}

h1,
h2,
h3 {
  font-family: var(--font-heading);
}