/* ==========================================================
   COLOR — AstraOps Design System
   Alle Farben als CSS Custom Properties
   Quelle: HC Dienstplan UI-Dokumentation
   ========================================================== */

:root {

  /* --- Primärfarben ---------------------------------------- */
  --primary-purple:        rgba(138, 99, 255, 1);
  --primary-purple-40:     rgba(138, 99, 255, 0.4);
  --primary-purple-15:     rgba(138, 99, 255, 0.15);
  --primary-pink:          rgba(186, 85, 211, 1);
  --primary-pink-40:       rgba(186, 85, 211, 0.4);

  /* --- Akzentfarben ---------------------------------------- */
  --accent-blue:           rgba(99, 179, 237, 1);
  --accent-teal:           rgba(100, 221, 200, 1);

  /* --- Status-Farben (Schichten / Badges) ------------------ */
  --status-active:         rgba(100, 221, 200, 1);   /* Aktiv / Anwesend  */
  --status-info:           rgba(99, 179, 237, 1);    /* Geplant           */
  --status-warning:        rgba(251, 191, 36, 1);    /* Offen / Warnung   */
  --status-danger:         rgba(255, 107, 107, 1);   /* Fehlt / Kritisch  */
  --status-neutral:        rgba(130, 170, 227, 1);   /* Inaktiv           */
  --status-success:        rgba(52, 211, 153, 1);    /* Abgeschlossen     */

  /* --- Partikel & Orbit-Dots ------------------------------- */
  --dot-1: #a78bfa;
  --dot-2: #f472b6;
  --dot-3: #60a5fa;
  --dot-4: #34d399;
  --dot-5: #fbbf24;

  /* --- Oberflächen ----------------------------------------- */
  --surface-dark:          rgba(20, 15, 40, 0.95);   /* Sidebar, Topbar   */
  --surface-glass:         rgba(48, 43, 99, 0.35);   /* Karten, Panels    */
  --surface-card:          rgba(30, 25, 60, 0.6);    /* Tabellen, Modals  */
  --surface-hover:         rgba(80, 65, 160, 0.35);  /* Hover-Zustand     */
  --surface-input:         rgba(48, 43, 99, 0.4);    /* Eingabefelder     */

  /* --- Text ------------------------------------------------- */
  --text-primary:          #ffffff;
  --text-secondary:        rgba(255, 255, 255, 0.6);
  --text-muted:            rgba(255, 255, 255, 0.35);

  /* --- Border & Glow --------------------------------------- */
  --border-subtle:         rgba(255, 255, 255, 0.08);
  --border-medium:         rgba(255, 255, 255, 0.12);
  --border-active:         rgba(138, 99, 255, 0.5);
  --glow-purple:           rgba(138, 99, 255, 0.35);
  --glow-pink:             rgba(186, 85, 211, 0.25);

  /* --- Layout ---------------------------------------------- */
  --topbar-height:         64px;
  --sidebar-width:         240px;
  --radius-card:           20px;
  --radius-btn:            12px;
  --radius-badge:          20px;

  /* --- Transitions ----------------------------------------- */
  --ease-smooth:           cubic-bezier(0.23, 1, 0.32, 1);
  --transition-fast:       0.2s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-base:       0.25s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-slow:       0.4s cubic-bezier(0.23, 1, 0.32, 1);
}