/* === Hangar Süd Portal · Design Tokens ===
   Single source of truth. Geladen via includes/head.php.
   Wert-Änderungen wirken auf alle migrierten Seiten.

   Phase 1 von 5 — Aliase am Ende halten alte Seiten am Leben,
   bis Phase 4 alle migriert hat. */

:root {
  /* === Backgrounds === */
  --hs-bg-primary:      #001024;
  --hs-bg-secondary:    #001530;
  --hs-bg-card:         rgba(0, 20, 50, 0.6);
  --hs-bg-card-solid:   #002040;
  --hs-bg-input:        rgba(0, 30, 60, 0.8);

  /* === Text — alle WCAG-AA-konform auf bg-primary === */
  --hs-text-primary:    #ffffff;             /* 19.0 : 1 */
  --hs-text-secondary:  #e0e8f0;             /* 14.0 : 1 */
  --hs-text-muted:      #9aacc0;             /* 4.7  : 1  — angehoben von #8899aa */

  /* === Accent === */
  --hs-accent:          #00b2ff;             /* Borders, Buttons, Glow */
  --hs-accent-text:     #3ec6ff;             /* lesbarer Text auf Card-BG */
  --hs-accent-dark:     #0066cc;
  --hs-accent-glow:     rgba(0, 178, 255, 0.4);
  --hs-purple:          #8e24aa;             /* Multi-Instructor Events, Long-Off Anfragen */

  /* === Status === */
  --hs-success:         #00c864;
  --hs-warning:         #ffb400;
  --hs-warning-dark:    #cc9000;
  --hs-error:           #ff4444;

  /* === Borders === */
  --hs-border:          rgba(0, 178, 255, 0.2);
  --hs-border-warning:  rgba(255, 180, 0, 0.3);
  --hs-border-light:    rgba(255, 255, 255, 0.1);

  /* === Shape === */
  --hs-radius:          12px;
  --hs-radius-sm:       8px;

  /* === Shadows === */
  --hs-shadow:          0 4px 20px rgba(0, 0, 0, 0.3);
  --hs-shadow-glow:     0 0 40px rgba(0, 178, 255, 0.1);
  --hs-shadow-accent:   0 4px 15px rgba(0, 178, 255, 0.4);

  /* === Spacing-Skala (4er-Raster) === */
  --hs-space-1: 4px;
  --hs-space-2: 8px;
  --hs-space-3: 12px;
  --hs-space-4: 16px;
  --hs-space-6: 24px;
  --hs-space-8: 32px;

  /* === Typography === */
  --hs-font:       'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --hs-font-mono:  'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;

  /* === Aliase — werden in Phase 4 entfernt ===
     Damit nicht-migrierte Seiten (index.php, bookings-list.php, login.php, …)
     weiter ihre lokalen :root{}-Definitionen nutzen, OHNE dass die Aliase hier
     dort etwas überschreiben. tokens.css wird in Phase 1 NUR auf admin.php geladen.

     Sobald in Phase 4 alle Seiten head.php nutzen, werden die lokalen :root{}
     entfernt und die Seiten ziehen sich Variablen aus tokens.css. Die Aliase
     unten erlauben die schrittweise Migration: alte Klassen wie .card mit
     var(--accent) funktionieren weiter. */
  --bg-primary:    var(--hs-bg-primary);
  --bg-secondary:  var(--hs-bg-secondary);
  --bg-card:       var(--hs-bg-card);
  --bg-card-solid: var(--hs-bg-card-solid);
  --bg-input:      var(--hs-bg-input);
  --text-primary:  var(--hs-text-primary);
  --text-secondary:var(--hs-text-secondary);
  --text-muted:    var(--hs-text-muted);
  --accent:        var(--hs-accent);
  --accent-dark:   var(--hs-accent-dark);
  --accent-glow:   var(--hs-accent-glow);
  --success:       var(--hs-success);
  --warning:       var(--hs-warning);
  --error:         var(--hs-error);
  --border:        var(--hs-border);
  --radius:        var(--hs-radius);
  --radius-sm:     var(--hs-radius-sm);
  --shadow:        var(--hs-shadow);
  --shadow-glow:   var(--hs-shadow-glow);
}