/* Undermine Squad – Design-Tokens (verbindlich: docs/design.md).
 * Spielfeld = Pixel-Art; alles drumherum (HUD, Menüs, Website, Doku) nutzt diese Werte.
 * Website und Doku übernehmen dieselben Variablen. */

/* Schriften: Space Grotesk (Überschriften) und Inter (Text, Zahlen).
 * Selbst gehostete Dateien gehören nach assets/fonts/ (SIL OFL); bis dahin werden installierte
 * Schriften benutzt und sonst die Systemschrift. */
@font-face { font-family: "US Display"; src: local("Space Grotesk"), local("SpaceGrotesk-Bold"), local("Space Grotesk Bold"); font-weight: 500 700; font-display: swap; }
@font-face { font-family: "US Text"; src: local("Inter"), local("Inter Variable"), local("Inter-Regular"); font-weight: 400 700; font-display: swap; }

:root {
  --us-bg: #0B1020;
  --us-bg-2: #121A30;
  --us-surface: rgba(255, 255, 255, 0.06);
  --us-surface-2: rgba(255, 255, 255, 0.10);
  --us-line: rgba(255, 255, 255, 0.10);
  --us-line-2: rgba(255, 255, 255, 0.18);
  --us-text: #EEF2FF;
  --us-text-2: #A9B3D1;
  --us-sky: #3D7BFF;
  --us-sky-2: #8FB6FF;
  --us-gold: #FFC23D;
  --us-earth: #C98B52;
  --us-ember: #FF6B3D;
  --us-leaf: #4CD787;

  --us-glass: rgba(11, 16, 32, 0.72);
  --us-blur: blur(16px) saturate(1.3);
  --us-shadow: 0 10px 30px rgba(3, 6, 16, 0.45);
  --us-radius: 12px;
  --us-pill: 999px;
  --us-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --us-fast: 150ms;
  --us-mid: 240ms;

  --us-font-display: "US Display", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --us-font: "US Text", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --us-grad-sky: linear-gradient(180deg, var(--us-sky) 0%, #1E3A8A 45%, var(--us-bg) 100%);
  --us-glow-gold: 0 0 0 1px rgba(255, 194, 61, 0.45), 0 8px 28px rgba(255, 194, 61, 0.35);
}

.us-light {
  --us-bg: #F7F8FC;
  --us-bg-2: #FFFFFF;
  --us-text: #141A2E;
  --us-text-2: #4A5578;
  --us-line: rgba(20, 26, 46, 0.10);
  --us-surface: rgba(20, 26, 46, 0.04);
}