/* ═══════════════════════════════════════════════════════
   FlowStar · Zentrale Schriftart-Definitionen
   Eingebunden auf ALLEN Seiten: Landing, App, Auth, Legal
   Schriftart wechseln → --lf-font-heading / --lf-font-ui
   ═══════════════════════════════════════════════════════ */

/* ── Space Grotesk (Heading + UI) ────────────────────── */
@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/space-grotesk-v22-latin-300.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/space-grotesk-v22-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/space-grotesk-v22-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/space-grotesk-v22-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/space-grotesk-v22-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ── Lora (Fließtext Landing, Portfolio, lange Texte) ── */
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-600italic.woff2') format('woff2');
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/fonts/lora-v37-latin-700italic.woff2') format('woff2');
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ── Nunito (nur primary-school, pädagogisch begründet) ── */
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-500italic.woff2') format('woff2');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-600italic.woff2') format('woff2');
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/fonts/nunito-v32-latin-700italic.woff2') format('woff2');
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ── Font-Tokens ─────────────────────────────────────── */
:root {
  --lf-font-heading:      'Space Grotesk', system-ui, sans-serif;
  --lf-font-ui:           'Space Grotesk', system-ui, sans-serif;
  --lf-font-prose:        'Lora', Georgia, serif;
  --lf-heading-weight:    700;
  --lf-heading-weight-xl: 700;
}

[data-theme="primary-school"] {
  --lf-font-ui: 'Nunito', system-ui, sans-serif;
  /* --lf-font-heading bleibt Space Grotesk — Weltraum-Metapher aktiv */
}

/* ── Globale Basis ───────────────────────────────────── */
body {
  font-family: var(--lf-font-ui);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--lf-font-heading);
  font-weight: var(--lf-heading-weight);
}

h1 { font-weight: var(--lf-heading-weight-xl); }