/* =============================================================================
   New Worker Academy · Design-Tokens  (AUTOGENERIERT aus design-tokens.json)
   NICHT von Hand bearbeiten — 'node build-tokens.mjs' regeneriert diese Datei.
   ============================================================================= */
:root{

  /* — Farben — */
  --mint: #6ddfc3;
  --mint-soft: #8ee9cd;
  --mint-deep: #1c8d76;
  --pink: #ef7aa8;
  --pink-soft: #f4a3c0;
  --char: #2a2826;
  --char-soft: #33302d;
  --char-deep: #211f1e;
  --cream: #f4f0e8;
  --cream-warm: #ece5d8;
  --cream-lite: #f6f4ef;
  --cream-soft: #e9e4db;
  --ink: #1c2422;
  --stone: #7e8a87;
  --line: #ddd5c7;

  /* — Auf dunklem Grund — */
  --on-dark: #f4f0e8;
  --on-dark-soft: rgba(244,240,232,.74);
  --on-dark-faint: rgba(244,240,232,.42);

  /* — Gradienten — */
  --grad: linear-gradient(100deg, var(--mint) 0%, var(--mint-soft) 52%, var(--pink) 128%);
  --grad-110: linear-gradient(125deg, var(--mint) 0%, var(--mint-soft) 52%, var(--pink) 128%);
  --grad-btn: linear-gradient(100deg, var(--mint) 0%, var(--pink) 100%);

  /* — Typografie — */
  --sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  /* — Layout — */
  --wrap: 1160px;
  --nav-h: 60px;
}