/**
 * variables.css
 *
 * Zentrales Token-System des Frontends. Alle anderen CSS-Module greifen
 * ausschließlich über diese Custom Properties auf Farben/Typografie/Abstände
 * zu, damit sich die gesamte Optik an einer einzigen Stelle anpassen lässt.
 *
 * Gestaltungsidee: Brücken-/Instrumenten-Ästhetik eines Kriegsschiffs bei
 * Nacht — dunkles Stahlblau, gedämpftes Messing als Zielinstrument-Akzent,
 * Zielerfassungs-Ecken ("HUD-Klammern") als wiederkehrendes Signaturelement.
 */

:root {
  /* Farben – Flächen */
  --color-bg: #0b141d;
  --color-bg-panel: #101c27;
  --color-bg-panel-raised: #16232f;
  --color-bg-input: #0d1922;

  /* Farben – Linien */
  --color-border: #24343f;
  --color-border-strong: #3a4f5c;

  /* Farben – Text */
  --color-text: #f2f6f9;
  --color-text-dim: #aebdc9;
  --color-text-faint: #7f93a3;

  /* Farben – Akzent (Messing / Zielinstrument) */
  --color-brass: #c9974f;
  --color-brass-bright: #e8b768;
  --color-brass-dim: #8a6a3d;

  /* Farben – Signalwerte */
  --color-win: #59a873;
  --color-loss: #c15f52;
  --color-neutral: #8497a5;

  /* Typografie
     Selbst gehostete Webfonts zuerst (siehe fonts.css), mit robustem
     System-Font-Fallback, falls die .woff2-Dateien unter assets/fonts/
     noch nicht ergänzt wurden (siehe assets/fonts/README.md) — die Seite
     bleibt so in jedem Fall benutzbar. */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Abstände */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Radien & Konturen */
  --radius-sm: 2px;
  --radius-md: 4px;
  --bracket-size: 14px;
  --bracket-thickness: 2px;

  /* Schatten */
  --shadow-panel: 0 1px 0 rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);

  /* Layout */
  --content-max-width: 1180px;
  --header-height: 64px;
}