/* 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: "Open Sans"; src: url("/fonts/OpenSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans ExtraBold"; src: url("/fonts/OpenSans-ExtraBold.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* Farben (Spezifikation 4.1) */
  --thws-orange: #FF6A00;
  --orange-dunkel: #BE5D0A;
  --orange-hell: #FFB27A;
  --anthrazit: #3A3A3A;
  --anthrazit-tief: #2B2B2B;
  --anthrazit-schwarz: #1E1E1E;
  --mittelgrau: #6E6E6E;
  --liniengrau: #BDBDBD;
  --silbergrau: #D2D2D2;
  --hellgrau: #E6E6E6;
  --reinweiss: #FFFFFF;
  --signalrot: #E0301E;
  --himmelblau: #8EC5E8;
  --rasen: #5E9E4A;
  --sichtbeton: #A7A9AC;
  --glasblau: #BFD9E6;

  /* Alte Namen: verweisen auf eine Farbe */
  --nachtblau: var(--anthrazit);
  --nachtblau-tief: var(--anthrazit-tief);
  --nachtblau-schwarz: var(--anthrazit-schwarz);
  --pastellblau: var(--thws-orange);
  --blau-tief: var(--orange-dunkel);
  --flieder: var(--hellgrau);
  --flieder-hell: var(--reinweiss);
  --eis: var(--silbergrau);
  --lila: var(--orange-hell);
  --motor-gruen: var(--rasen);
  --himmel: var(--himmelblau);
  --koralle: var(--thws-orange);
  --koralle-tief: var(--orange-dunkel);
  --ink-soft: var(--mittelgrau);
  --line: var(--liniengrau);

  /* Durchsichtige Varianten */
  --nachtblau-72: rgba(58, 58, 58, 0.72);
  --nachtblau-88: rgba(58, 58, 58, 0.88);
  --nachtblau-95: rgba(58, 58, 58, 0.95);
  --nachtblau-tief-85: rgba(43, 43, 43, 0.85);
  --nachtblau-schwarz-60: rgba(30, 30, 30, 0.6);
  --nachtblau-schwarz-80: rgba(30, 30, 30, 0.8);
  --nachtblau-schwarz-90: rgba(30, 30, 30, 0.9);
  --pastellblau-0: rgba(255, 106, 0, 0);
  --pastellblau-12: rgba(255, 106, 0, 0.12);
  --pastellblau-25: rgba(255, 106, 0, 0.25);
  --pastellblau-45: rgba(255, 106, 0, 0.45);
  --lila-18: rgba(255, 178, 122, 0.18);
  --flieder-hell-10: rgba(255, 255, 255, 0.1);
  --flieder-hell-75: rgba(255, 255, 255, 0.75);
  --flieder-hell-85: rgba(255, 255, 255, 0.85);
  --koralle-16: rgba(255, 106, 0, 0.16);
  --koralle-20: rgba(255, 106, 0, 0.2);
  --koralle-28: rgba(255, 106, 0, 0.28);
  --koralle-88: rgba(255, 106, 0, 0.88);
  --koralle-tief-62: rgba(190, 93, 10, 0.62);
  --koralle-tief-88: rgba(190, 93, 10, 0.88);

  /* Rollen: verweisen auf eine Farbe, nie auf einen Hexwert */
  --akzent: var(--thws-orange);
  --akzent-dunkel: var(--orange-dunkel);
  --grund: var(--anthrazit);
  --hell: var(--hellgrau);
  --weiss: var(--reinweiss);
  --gefahr: var(--signalrot);
  --himmel: var(--himmelblau);
  --gras: var(--rasen);
  --beton: var(--sichtbeton);
  --glas: var(--glasblau);
  --kante: var(--thws-orange);
  --kante-akt4: var(--hellgrau);
  --laser: var(--thws-orange);
  --agent-funke: var(--thws-orange);
  --agent-glimm: var(--himmelblau);
  --agent-puffer: var(--orange-hell);
  --agent-klinke: var(--hellgrau);
  --zettel-papier: var(--reinweiss);
  --hud: var(--reinweiss);
  --licht-1: var(--hellgrau);
  --licht-2: var(--silbergrau);
  --licht-3: var(--himmelblau);
  --licht-4: var(--orange-hell);
  --lampe-rot: var(--signalrot);
  --lampe-gelb: var(--thws-orange);
  --lampe-gruen: var(--rasen);

  /* Schriften */
  --font-ui: "Open Sans", system-ui, sans-serif;
  --font-hud: "Open Sans ExtraBold", Open Sans, system-ui, sans-serif;
}