/* theme.css: Marken-Variablen. Für ein neues Projekt nur diese Datei anpassen. */
:root{
  /* Schrift (Google-Font-Link steht in der HTML-Datei) */
  --font:'Inter Tight', system-ui, -apple-system, sans-serif;

  /* Flächen und Text */
  --bg:#eef4f3;
  --bg-2:#e4eeec;
  --white:#ffffff;
  --card:#fbfdfd;
  --ink:#0c1112;
  --muted:#5b6869;
  --dark:#07080b;

  /* Linien und Grautöne */
  --line:#d9e4e2;
  --line-strong:#b5c6c3;
  --line-hover:#c2d3d0;
  --soft:#8ea09e;
  --soft-2:#a9b9b7;
  --step-stroke:#9fb3b0;

  /* Hauptfarbe (Buttons, Akzente). --primary-rgb muss zum Hex-Wert passen. */
  --primary:#22c58e;
  --primary-rgb:34 197 142;
  --primary-d:#1aa877;
  --mint:#22c58e;
  --mint-l:#7fe3b8;
  --mint-xl:#dcf6ea;
  --mint-text:#16a678;
  --mint-text-d:#0e8760;

  /* Zusatzfarben für Grafiken */
  --lime:#c6f56f;
  --peach:#ffcdb8;
  --sky:#9fe3f5;
  --tint-a:#e6f8ef;
  --tint-b:#c9ecdb;

  /* Farben der Illustrationen (illustrations.svg) */
  --ill-light:#8ff0c9;
  --ill-main:#22c58e;
  --ill-main2:#2fd39a;
  --ill-deep:#0e7d58;
  --ill-deep2:#0e9268;
  --ill-pale:#c4f7e2;
  --ill-darkest:#0a6a4a;

  /* Warnfarbe (Problem-Karten, Vergleich) */
  --warn:#d64545;
  --warn-rgb:214 69 69;

  /* Layout und Bewegung */
  --shadow-rgb:8 40 36;
  --max:1240px;
  --ease:cubic-bezier(0.16,1,0.3,1);
}