/* Design-Tokens — gespiegelt aus config/practice.js → BRAND.tokens.
   Wenn dort Farben geändert werden, hier dieselben Werte eintragen
   (oder Claude Code bitten: "synchronisiere tokens.css mit practice.js"). */

@font-face{
  font-family:"MI Sans";
  src:url("./fonts/Montserrat-VF.ttf") format("truetype-variations"),
      url("./fonts/Montserrat-VF.ttf") format("truetype");
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  --ink:#111111;
  --ink-soft:#666666;
  --paper:#FFFFFF;
  --paper-2:#F4FAFD;
  --gold:#44ADE2;       /* historischer Variablen-Name — Wert ist das Marken-Blau aus dem Logo-SVG */
  --gold-deep:#2184B8;
  --line:#DDEBF3;
  --success:#3FA67A;
  --warn:#D26A3A;

  --r:14px;
  --shadow:0 1px 2px rgba(17,17,17,.04), 0 12px 40px -18px rgba(17,17,17,.18);
  --serif:"MI Sans","Montserrat",-apple-system,Segoe UI,sans-serif;
  --sans:"MI Sans","Montserrat",-apple-system,Segoe UI,sans-serif;
}