/* Erzeugt von tools/make_tokens.py aus game/palette.json. Nicht von Hand aendern:
   `npm run tokens` schreibt die Datei neu, `npm run check` prueft sie. */
@font-face { font-family: "Archivo"; src: url("/fonts/Archivo-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/Archivo-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/Archivo-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo Black"; src: url("/fonts/Archivo-Black.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* Farben (Spezifikation 4.1) */
  --nachtblau: #323264;
  --nachtblau-tief: #1e1e44;
  --nachtblau-schwarz: #14142e;
  --pastellblau: #a5afff;
  --blau-tief: #7f8ce6;
  --flieder: #e4e7ff;
  --flieder-hell: #f3f4ff;
  --eis: #d4d8f5;
  --himmel: #9ed2f8;
  --lila: #c9a8e8;
  --koralle: #ff8c5a;
  --koralle-tief: #d95f28;
  --ink-soft: #5a5c8a;
  --line: #c9cdf2;

  /* Durchsichtige Varianten */
  --nachtblau-72: rgba(50, 50, 100, 0.72);
  --nachtblau-88: rgba(50, 50, 100, 0.88);
  --nachtblau-95: rgba(50, 50, 100, 0.95);
  --nachtblau-tief-85: rgba(30, 30, 68, 0.85);
  --nachtblau-schwarz-60: rgba(20, 20, 46, 0.6);
  --nachtblau-schwarz-80: rgba(20, 20, 46, 0.8);
  --nachtblau-schwarz-90: rgba(20, 20, 46, 0.9);
  --pastellblau-0: rgba(165, 175, 255, 0);
  --pastellblau-12: rgba(165, 175, 255, 0.12);
  --pastellblau-25: rgba(165, 175, 255, 0.25);
  --pastellblau-45: rgba(165, 175, 255, 0.45);
  --lila-18: rgba(201, 168, 232, 0.18);
  --flieder-hell-10: rgba(243, 244, 255, 0.1);
  --flieder-hell-75: rgba(243, 244, 255, 0.75);
  --flieder-hell-85: rgba(243, 244, 255, 0.85);
  --koralle-16: rgba(255, 140, 90, 0.16);
  --koralle-20: rgba(255, 140, 90, 0.2);
  --koralle-28: rgba(255, 140, 90, 0.28);
  --koralle-88: rgba(255, 140, 90, 0.88);
  --koralle-tief-62: rgba(217, 95, 40, 0.62);
  --koralle-tief-88: rgba(217, 95, 40, 0.88);

  /* Rollen: verweisen auf eine Farbe, nie auf einen Hexwert */
  --grund: var(--nachtblau);
  --kante: var(--koralle);
  --kante-akt4: var(--pastellblau);
  --laser: var(--koralle);
  --gefahr: var(--koralle);
  --agent-funke: var(--koralle);
  --agent-glimm: var(--himmel);
  --agent-puffer: var(--lila);
  --agent-klinke: var(--flieder);
  --zettel-papier: var(--flieder-hell);
  --hud: var(--pastellblau);

  /* Schriften */
  --font-ui: "Archivo", system-ui, sans-serif;
  --font-hud: "Archivo Black", Archivo, system-ui, sans-serif;
}