/* =========================================================================
   Nord Dark – Design Tokens
   -------------------------------------------------------------------------
   Zentrale Designquelle des Dashboards.
   Basiert auf dem Pelican "Nord Theme" (Boy132 & andreia), das seinerseits
   auf dem Filament Nord Theme von Andréia Bohner aufbaut, sowie auf der
   offiziellen Nord-Palette (arcticicestudio/nord).

   NUR DARK MODE. Es gibt bewusst keinen Light Mode, keinen Theme-Toggle
   und keine prefers-color-scheme-Abfrage.
   ========================================================================= */

:root {
  /* ---------------------------------------------------------------------
     1. Offizielle Nord-Palette (Rohwerte)
     --------------------------------------------------------------------- */

  /* Polar Night – dunkle Flächen */
  --nord0: #2e3440;
  --nord1: #3b4252;
  --nord2: #434c5e;
  --nord3: #4c566a;

  /* Snow Storm – helle Flächen & Text */
  --nord4: #d8dee9;
  --nord5: #e5e9f0;
  --nord6: #eceff4;

  /* Frost – Primär- und Akzentfarben */
  --nord7: #8fbcbb;
  --nord8: #88c0d0;
  --nord9: #81a1c1;
  --nord10: #5e81ac;

  /* Aurora – Statusfarben */
  --nord11: #bf616a; /* rot    – danger  */
  --nord12: #d08770; /* orange – warnung / fehlertext auf dunkel */
  --nord13: #ebcb8b; /* gelb   – warning */
  --nord14: #a3be8c; /* grün   – success */
  --nord15: #b48ead; /* violett */

  /* ---------------------------------------------------------------------
     2. Farbrampen (identisch zum Pelican-Plugin NordThemePlugin.php)
     --------------------------------------------------------------------- */

  /* gray-Rampe: Snow Storm -> Polar Night */
  --gray-50: #eceff4;
  --gray-100: #e5e9f0;
  --gray-200: #d8dee9;
  --gray-300: #a7b1c5;
  --gray-400: #8c9ab3;
  --gray-500: #71829b;
  --gray-600: #4c566a;
  --gray-700: #434c5e;
  --gray-800: #3b4252;
  --gray-900: #2e3440;
  --gray-950: #232831;

  /* primary-Rampe: Frost #88C0D0 */
  --primary-50: #fafcfd;
  --primary-100: #f3f9fa;
  --primary-200: #e3eff2;
  --primary-300: #cfe6ec;
  --primary-400: #acd4dd;
  --primary-500: #88c0d0;
  --primary-600: #7aadbb;
  --primary-700: #66909b;
  --primary-800: #52737d;
  --primary-900: #445e66;
  --primary-950: #293a3d;

  /* Polar-Night-Rampe aus theme.css des Plugins */
  --polarnight-50: #e5e9f0;
  --polarnight-100: #d1d7e0;
  --polarnight-200: #a7b1c5;
  --polarnight-300: #8c9ab3;
  --polarnight-400: #71829b;
  --polarnight-500: #4c566a;
  --polarnight-600: #434c5e;
  --polarnight-700: #3b4252;
  --polarnight-800: #2e3440;
  --polarnight-900: #232831;
  --polarnight-950: #1b2027;

  /* ---------------------------------------------------------------------
     3. Semantische Flächen (Dark Mode des Pelican Nord Themes)
     --------------------------------------------------------------------- */
  --nord-bg: #232831;            /* Seitenhintergrund      (fi-body)      */
  --nord-bg-alt: #252a35;        /* Sidebar / Topbar       (fi-topbar)    */
  --nord-surface: #2e3440;       /* Karten-/Panelgrund     (polarnight-800) */
  --nord-surface-2: #3b4252;     /* erhöhte Fläche / Hover                */
  --nord-surface-3: #434c5e;     /* stark erhöhte Fläche                  */
  --nord-surface-head: #3b414e;  /* Listen-/Tabellenkopf                  */
  --nord-surface-sunken: #262b35;/* eingelassene Fläche (Code, Textblock) */

  /* Karten-Verlauf des Nord Themes (der einzige Flächen-Gradient) */
  --nord-card-bg: linear-gradient(#2e3440, #3b4252);

  /* Overlay-Grund für Modals */
  --nord-overlay: rgba(27, 32, 39, 0.78);

  /* ---------------------------------------------------------------------
     4. Ringe / Rahmen – Nord nutzt Ringe statt harter Rahmen
     --------------------------------------------------------------------- */
  --nord-ring: #434c5e;          /* ring-gray-700  */
  --nord-ring-strong: #4c566a;
  --nord-ring-hover: #71829b;    /* ring-gray-500  */
  --nord-ring-subtle: rgba(216, 222, 233, 0.09);
  --nord-divider: #3b4252;

  /* ---------------------------------------------------------------------
     5. Text
     --------------------------------------------------------------------- */
  --nord-text: #e5e9f0;          /* Standardtext        (gray-100) */
  --nord-text-strong: #eceff4;   /* Überschriften       (gray-50)  */
  --nord-text-muted: #a7b1c5;    /* Sekundärtext        (gray-300) */
  --nord-text-subtle: #8c9ab3;   /* Labels, Meta        (gray-400) */
  --nord-text-faint: #71829b;    /* Platzhalter, Hints  (gray-500) */
  --nord-text-disabled: #4c566a;

  /* ---------------------------------------------------------------------
     6. Akzente & Status
     --------------------------------------------------------------------- */
  --nord-primary: #88c0d0;
  --nord-primary-hover: #7aadbb;
  --nord-primary-active: #66909b;
  --nord-primary-text: #acd4dd;         /* Text-/Icon-Akzent auf dunkel */
  --nord-on-primary: #293a3d;           /* Schrift auf Primärfläche     */
  --nord-primary-soft: rgba(136, 192, 208, 0.14);
  --nord-primary-soft-strong: rgba(136, 192, 208, 0.24);

  --nord-secondary: #5e81ac;
  --nord-secondary-hover: #6b8db8;
  --nord-secondary-soft: rgba(94, 129, 172, 0.16);

  --nord-info: #81a1c1;
  --nord-info-soft: rgba(129, 161, 193, 0.14);

  --nord-success: #a3be8c;
  --nord-success-hover: #b1c99d;
  --nord-success-soft: rgba(163, 190, 140, 0.14);
  --nord-success-ring: rgba(163, 190, 140, 0.3);

  --nord-warning: #ebcb8b;
  --nord-warning-hover: #f0d5a1;
  --nord-warning-soft: rgba(235, 203, 139, 0.14);
  --nord-warning-ring: rgba(235, 203, 139, 0.3);

  --nord-danger: #bf616a;
  --nord-danger-hover: #cb757d;
  --nord-danger-text: #d08770;          /* Fehlertext auf dunklem Grund  */
  --nord-danger-soft: rgba(191, 97, 106, 0.14);
  --nord-danger-ring: rgba(191, 97, 106, 0.32);

  --nord-purple: #b48ead;
  --nord-purple-soft: rgba(180, 142, 173, 0.14);

  --nord-teal: #8fbcbb;
  --nord-teal-soft: rgba(143, 188, 187, 0.14);

  /* Schrift auf hellen Aurora-/Frost-Flächen */
  --nord-on-accent: #2e3440;

  /* Markenfarbe Discord – bewusst erhalten, ausschließlich für den
     Discord-Verbinden-Call-to-Action (Fremdmarke). */
  --brand-discord: #5865f2;
  --brand-discord-hover: #4752c4;

  /* ---------------------------------------------------------------------
     7. Radien – Nord/Filament: Buttons pill, Karten 2xl, Badges xl
     --------------------------------------------------------------------- */
  --nord-radius-xs: 6px;
  --nord-radius-sm: 8px;
  --nord-radius: 12px;
  --nord-radius-lg: 16px;
  --nord-radius-xl: 20px;
  --nord-radius-pill: 9999px;

  /* ---------------------------------------------------------------------
     8. Schatten & Fokus
     --------------------------------------------------------------------- */
  --nord-shadow-sm: 0 1px 2px rgba(27, 32, 39, 0.4);
  --nord-shadow: 0 4px 6px -1px rgba(27, 32, 39, 0.45), 0 2px 4px -2px rgba(27, 32, 39, 0.45);
  --nord-shadow-lg: 0 10px 15px -3px rgba(27, 32, 39, 0.55), 0 4px 6px -4px rgba(27, 32, 39, 0.5);
  --nord-shadow-xl: 0 20px 40px -12px rgba(27, 32, 39, 0.7);

  --nord-focus-ring: 0 0 0 3px rgba(136, 192, 208, 0.32);
  --nord-focus-ring-danger: 0 0 0 3px rgba(191, 97, 106, 0.28);

  /* ---------------------------------------------------------------------
     9. Typografie & Abstände
     --------------------------------------------------------------------- */
  --nord-font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --nord-font-mono: 'JetBrains Mono', 'Courier New', ui-monospace, monospace;

  --nord-space-1: 4px;
  --nord-space-2: 8px;
  --nord-space-3: 12px;
  --nord-space-4: 16px;
  --nord-space-5: 20px;
  --nord-space-6: 24px;
  --nord-space-8: 32px;

  --nord-transition: 0.2s ease;

  /* ---------------------------------------------------------------------
     10. Rückführung des alten Admin-Designsystems auf die Nord-Tokens
         Die --adm-* Variablen bleiben als Alias bestehen, damit bestehende
         Regeln und Seiten (server-status.ejs) unverändert weiterlaufen.
     --------------------------------------------------------------------- */
  --adm-bg: var(--nord-bg);
  --adm-surface: var(--nord-surface);
  --adm-surface-hover: var(--nord-surface-2);
  --adm-border: var(--nord-ring);
  --adm-border-hover: var(--nord-ring-hover);
  --adm-primary: var(--nord-primary);
  --adm-primary-light: var(--nord-primary-text);
  --adm-primary-gradient: var(--nord-primary);
  --adm-success: var(--nord-success);
  --adm-danger: var(--nord-danger);
  --adm-warning: var(--nord-warning);
  --adm-text: var(--nord-text);
  --adm-text-secondary: var(--nord-text-subtle);
  --adm-text-muted: var(--nord-text-faint);
  --adm-radius: var(--nord-radius);
  --adm-radius-sm: var(--nord-radius-sm);
  --adm-radius-lg: var(--nord-radius-lg);
  --adm-font: var(--nord-font);
  --adm-shadow: var(--nord-shadow);
}