/* =========================================================================
   BIRP / BlackIslandRP — Design Tokens
   Single Source of Truth. Zwei Ebenen:
   1) BIRP-Marken-Variablen (--birp-*)  — die rohe Brand-Palette
   2) shadcn-Kontrakt (--background, --primary, …) — gemappt auf die BIRP-Werte,
      damit JEDE shadcn-Komponente automatisch im BIRP-Look erscheint.
   ========================================================================= */

:root {
  /* ---- BIRP Brand-Palette (roh) ---------------------------------------- */
  --birp-bg:        #050505; /* Canvas */
  --birp-bg-1:      #0a0a0a; /* Header-Glass / Footer */
  --birp-bg-2:      #111111; /* Deep Panel */
  --birp-bg-3:      #1a1a1a; /* Control-Background */
  --birp-line:      #1f1f1f; /* Default-Border */
  --birp-line-2:    #2a2a2a; /* Stärkere Border */
  --birp-ink:       #ffffff; /* Primärtext */
  --birp-ink-2:     #b8b8b8; /* Fließtext */
  --birp-ink-3:     #6a6a6a; /* Gedämpft */
  --birp-ink-4:     #404040; /* Disabled / schwächster */
  --birp-red:       #ff2d2d; /* Signal / CTA / Akzent — der EINZIGE Akzent */
  --birp-red-deep:  #cc0000;
  --birp-red-glow:  rgba(255, 45, 45, 0.4);
  --birp-warn:      #ff8c00;
  --birp-ok:        #00ff88;

  /* ---- Fonts ----------------------------------------------------------- */
  /* In Next via next/font gesetzte CSS-Variablen werden hier durchgereicht. */
  --birp-font-display: var(--font-anton, "Anton"), "Oswald", "Bebas Neue", sans-serif;
  --birp-font-body:    var(--font-inter, "Inter"), system-ui, sans-serif;
  --birp-font-mono:    var(--font-jetbrains, "JetBrains Mono"), ui-monospace, monospace;

  /* ---- shadcn-Kontrakt → BIRP ----------------------------------------- */
  --background:            var(--birp-bg);
  --foreground:            var(--birp-ink);

  --card:                  var(--birp-bg-1);
  --card-foreground:       var(--birp-ink);

  --popover:               var(--birp-bg-2);
  --popover-foreground:    var(--birp-ink);

  /* Primary = Crimson-CTA. Vordergrund schwarz (siehe .btn-primary color:#000). */
  --primary:               var(--birp-red);
  --primary-foreground:    #000000;

  --secondary:             var(--birp-bg-3);
  --secondary-foreground:  var(--birp-ink-2);

  --muted:                 var(--birp-bg-2);
  --muted-foreground:      var(--birp-ink-3);

  /* Accent bleibt dezent (Hover-Flächen) — der Farb-Akzent ist allein Crimson. */
  --accent:                var(--birp-bg-3);
  --accent-foreground:     var(--birp-ink);

  --destructive:           var(--birp-red-deep);
  --destructive-foreground: var(--birp-ink);

  --border:                var(--birp-line);
  --input:                 var(--birp-line-2);
  --ring:                  var(--birp-red); /* Focus-Ring = Crimson (input:focus) */

  /* Charts — eine Crimson-Skala statt Regenbogen */
  --chart-1: var(--birp-red);
  --chart-2: #ff6a6a;
  --chart-3: var(--birp-red-deep);
  --chart-4: var(--birp-warn);
  --chart-5: var(--birp-ok);

  /* Sidebar (shadcn) */
  --sidebar:                    var(--birp-bg-1);
  --sidebar-foreground:         var(--birp-ink-2);
  --sidebar-primary:            var(--birp-red);
  --sidebar-primary-foreground: #000000;
  --sidebar-accent:             var(--birp-bg-3);
  --sidebar-accent-foreground:  var(--birp-ink);
  --sidebar-border:             var(--birp-line);
  --sidebar-ring:               var(--birp-red);

  /* ---- BRUTALIST: keine Radien -------------------------------------- */
  --radius: 0rem;
}

/* BIRP ist Dark-only by design. Falls je ein Light-Mode kommt, hier .dark/.light
   überschreiben — der gesamte shadcn-Kontrakt oben bleibt stabil. */