/* AUTOMATISCH GENERIERT aus design/tokens.json — nicht von Hand bearbeiten.
   Neu bauen mit: npm run build:design */

:root{
  /* Farben */
  --bg: #191114;
  --surface: #231a1e;
  --surface2: #2c2126;
  --line: #3a2c31;
  --glow: #ffb25e;
  --glow-soft: rgba(255,178,94,.35);
  --mint: #8fe3b0;
  --cream: #f6ead9;
  --muted: #b39a8b;
  --fur: #c97a3d;
  --fur-dark: #8a4f24;

  /* Typografie */
  --font-display: 'Baloo 2', cursive;
  --font-body: 'Nunito', sans-serif;

  /* Radien */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Abstände */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;

  /* MatheGlow — hell */
  --mg-l-bg1: #fbf6ef;
  --mg-l-bg2: #f3e8da;
  --mg-l-card: #fffcf8;
  --mg-l-ink: #4a3f37;
  --mg-l-ink2: #8a7c6e;
  --mg-l-ink3: #bcae9e;
  --mg-l-line: #efe6d9;
  --mg-l-btn: #b5786b;
  --mg-l-chip: #f6ece0;
  --mg-l-good: #8fb48a;
  --mg-l-good-bg: #edf3e9;
  --mg-l-good-ink: #5e8257;
  --mg-l-good-bd: #d6e6cf;
  --mg-l-bad: #dca0a0;
  --mg-l-bad-bg: #fbeeee;
  --mg-l-bad-ink: #b5706f;
  --mg-l-bad-bd: #f0d9d9;
  --mg-l-aura: #e0a86b;
  --mg-l-locked: #f1e9dd;
  --mg-l-grid: #ede2d2;
  --mg-l-axis: #cdbda8;
  --mg-l-diag-ink: #7a6c5c;
  --mg-l-thales-line: #e2d3c0;
  --mg-l-point: #c77e3f;
  --mg-l-combo-bg: #fbefe2;

  /* MatheGlow — dunkel */
  --mg-d-bg1: #2a2421;
  --mg-d-bg2: #221d1a;
  --mg-d-card: #322b27;
  --mg-d-ink: #f2e8dd;
  --mg-d-ink2: #c9bbac;
  --mg-d-ink3: #8c8074;
  --mg-d-line: #423a34;
  --mg-d-btn: #c99383;
  --mg-d-chip: #3a322d;
  --mg-d-good: #7fa876;
  --mg-d-good-bg: #2e3a2b;
  --mg-d-good-ink: #afd3a4;
  --mg-d-good-bd: #3e4d39;
  --mg-d-bad: #cc8e8e;
  --mg-d-bad-bg: #3a2c2c;
  --mg-d-bad-ink: #e6b4b4;
  --mg-d-bad-bd: #4a3636;
  --mg-d-aura: #ecb877;
  --mg-d-locked: #2c2521;
  --mg-d-grid: #473e37;
  --mg-d-axis: #6e6256;
  --mg-d-diag-ink: #c9bbac;
  --mg-d-thales-line: #5a4f46;
  --mg-d-point: #ecb877;
  --mg-d-combo-bg: #3a2e22;

  /* MatheGlow — Akzente */
  --mg-topic-lineq-a: #afc8e6;
  --mg-topic-lineq-b: #8fb0df;
  --mg-topic-gls-a: #9fd3cb;
  --mg-topic-gls-b: #73bdb2;
  --mg-topic-linfunc-a: #cdb8e4;
  --mg-topic-linfunc-b: #b299d6;
  --mg-topic-thales-a: #f3c9a3;
  --mg-topic-thales-b: #eda978;
  --mg-topic-mixed-a: #f0bfc4;
  --mg-topic-mixed-b: #e89aa6;
  --mg-flame: #e89a60;
  --mg-combo-ink: #d08a4a;
  --mg-heart: #e8a8a8;
  --mg-fur-warm: #d98e5a;
  --mg-thales-c: #d98080;
  --mg-thales-fill-b: #d99a9a;
  --mg-confetti-1: #e8a8a8;
  --mg-confetti-2: #f0b89a;
  --mg-confetti-3: #f2d49b;
  --mg-confetti-4: #a8c3a0;
  --mg-confetti-5: #c4b0d8;
  --mg-confetti-6: #a8c5d8;
  --mg-confetti-7: #f2c4c4;
  --mg-confetti-8: #bfd8b8;
}