/* =====================================================================
   TOBIXSOULGROWTH · Design-Tokens
   Eine Quelle fuer alle Oberflaechen: Salespage und Kursplattform.
   Farb- oder Schriftwechsel laufen ausschliesslich hier, nie in den
   Komponenten.
   ===================================================================== */
:root{
  /* Flaechen */
  --paper:#fcfbfe;          /* Haupt-Hintergrund, warmes Off-White mit Lila-Hauch */
  --paper-soft:#f4f1f9;     /* abgesetzte Sektionen */
  --paper-card:#ffffff;     /* Cards auf abgesetzten Sektionen */
  --ink:#1b1424;            /* Primaertext, tiefes Aubergine statt Schwarz */
  --ink-deep:#17101f;       /* Kontrastsektionen, exakt der Brand-Dunkelton */
  --muted:#5f5870;          /* Sekundaertext, 6.5:1 auf --paper */
  --line:#e4dfee;           /* Hairlines */
  --line-strong:#d6cfe6;

  /* Brand-Akzent */
  --brand:#6b4bd1;          /* Akzent auf hellem Grund, 5.9:1 */
  --brand-ink:#5a3cba;      /* Hover / gedrueckt */
  --brand-light:#b89cff;    /* Akzent auf dunklem Grund, 8.2:1 */
  --brand-tint:#efeafc;     /* sehr dezente Akzentflaeche */

  /* Text auf dunklem Grund */
  --on-dark:#f5f0ea;
  --on-dark-soft:#bdb4c5;
  --line-dark:#332444;

  /* Typografie
     Eine Familie fuer alles: Inter als Variable Font. Die Achse opsz
     liefert die Display-Schnitte fuer grosse Headlines, wght deckt
     Regular bis ExtraBold ab. Keine Serifenschrift mehr. */
  --sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* Raster & Form */
  --max:1060px;
  --gutter:clamp(20px,5vw,40px);
  --radius:20px;
  --radius-lg:26px;
  --radius-pill:999px;
  --section-y:clamp(54px,6.6vw,82px);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.22s;

  /* Icons als Maske, damit die Farbe der Schriftfarbe folgt */
  --icon-check:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E");
}