/* ==========================================================================
   AIRH Dark Theme — Discord-inspired dark palette
   ========================================================================== */

[data-theme='dark'] {
  /* ---------------------------------------------------------------------------
     Backgrounds — Neumorphic dark
     --------------------------------------------------------------------------- */
  --color-bg-app: #2a2a2e;
  --color-bg-primary: #2a2a2e;
  --color-bg-secondary: #2a2a2e;
  --color-bg-tertiary: #252528;
  --color-bg-sidebar: #2a2a2e;
  --color-bg-topbar: rgba(42, 42, 46, 0.88);
  --color-bg-hover: rgba(255, 255, 255, 0.05);
  --color-bg-active: rgba(255, 255, 255, 0.08);
  --color-bg-selected: rgba(92, 168, 245, 0.1);

  /* ---------------------------------------------------------------------------
     Surfaces — Neumorphic dark
     --------------------------------------------------------------------------- */
  --color-surface: #2a2a2e;
  --color-surface-raised: #2e2e32;
  --color-surface-overlay: #32323a;
  --color-surface-input: #2a2a2e;
  --color-surface-input-hover: #2e2e32;
  --color-surface-sunken: #242428;
  --color-surface-disabled: #2e2e32;

  /* ---------------------------------------------------------------------------
     Text
     --------------------------------------------------------------------------- */
  --color-text-primary: #e8e8e6;
  --color-text-secondary: #a0a0a0;
  --color-text-tertiary: #6e6e6e;
  --color-text-placeholder: #555555;
  --color-text-disabled: #444444;
  --color-text-inverse: #1a1a1a;
  --color-text-link: #5ca8f5;
  --color-text-on-accent: #ffffff;

  /* ---------------------------------------------------------------------------
     Borders — Mostly invisible (neumorphism)
     --------------------------------------------------------------------------- */
  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-light: rgba(255, 255, 255, 0.03);
  --color-border-strong: rgba(255, 255, 255, 0.1);
  --color-border-input: rgba(255, 255, 255, 0.06);
  --color-border-input-hover: rgba(255, 255, 255, 0.1);
  --color-border-focus: #5ca8f5;
  --color-border-error: #e06c75;

  /* ---------------------------------------------------------------------------
     Neumorphic Shadows — Dark
     --------------------------------------------------------------------------- */
  --neu-shadow-dark: #1e1e22;
  --neu-shadow-light: #36363a;
  --neu-raised: 6px 6px 14px var(--neu-shadow-dark), -6px -6px 14px var(--neu-shadow-light);
  --neu-raised-sm: 4px 4px 8px var(--neu-shadow-dark), -4px -4px 8px var(--neu-shadow-light);
  --neu-raised-lg: 8px 8px 20px var(--neu-shadow-dark), -8px -8px 20px var(--neu-shadow-light);
  --neu-inset: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
  --neu-inset-sm: inset 2px 2px 4px var(--neu-shadow-dark), inset -2px -2px 4px var(--neu-shadow-light);
  --neu-flat: 3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light);
  --neu-pressed: inset 2px 2px 5px var(--neu-shadow-dark), inset -2px -2px 5px var(--neu-shadow-light);

  /* ---------------------------------------------------------------------------
     Accent
     --------------------------------------------------------------------------- */
  --color-accent: #5ca8f5;
  --color-accent-hover: #79b8f7;
  --color-accent-active: #4898e8;
  --color-accent-subtle: rgba(92, 168, 245, 0.1);
  --color-accent-muted: rgba(92, 168, 245, 0.2);

  /* ---------------------------------------------------------------------------
     Status Colors (brighter for dark bg)
     --------------------------------------------------------------------------- */
  /* Success */
  --color-success: #4cc38a;
  --color-success-hover: #3db87d;
  --color-success-bg: rgba(76, 195, 138, 0.12);
  --color-success-border: rgba(76, 195, 138, 0.25);
  --color-success-text: #5cd89d;

  /* Warning */
  --color-warning: #e8a944;
  --color-warning-hover: #d99b38;
  --color-warning-bg: rgba(232, 169, 68, 0.12);
  --color-warning-border: rgba(232, 169, 68, 0.25);
  --color-warning-text: #f0b85a;

  /* Error */
  --color-error: #e06c75;
  --color-error-hover: #d45a64;
  --color-error-bg: rgba(224, 108, 117, 0.12);
  --color-error-border: rgba(224, 108, 117, 0.25);
  --color-error-text: #f08690;

  /* Info */
  --color-info: #5ca8f5;
  --color-info-hover: #79b8f7;
  --color-info-bg: rgba(92, 168, 245, 0.12);
  --color-info-border: rgba(92, 168, 245, 0.25);
  --color-info-text: #79b8f7;

  /* ---------------------------------------------------------------------------
     Overlays
     --------------------------------------------------------------------------- */
  --color-overlay: rgba(0, 0, 0, 0.55);
  --color-overlay-light: rgba(0, 0, 0, 0.3);
  --color-backdrop: rgba(0, 0, 0, 0.6);

  /* ---------------------------------------------------------------------------
     Scrollbar
     --------------------------------------------------------------------------- */
  --color-scrollbar-track: transparent;
  --color-scrollbar-thumb: rgba(255, 255, 255, 0.12);
  --color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.22);

  /* ---------------------------------------------------------------------------
     Shadows — Neumorphic dark
     --------------------------------------------------------------------------- */
  --shadow-xs: var(--neu-flat);
  --shadow-sm: var(--neu-raised-sm);
  --shadow-md: var(--neu-raised);
  --shadow-lg: var(--neu-raised-lg);
  --shadow-xl: 10px 10px 24px var(--neu-shadow-dark), -10px -10px 24px var(--neu-shadow-light);
  --shadow-panel: var(--neu-raised-lg);

  /* ---------------------------------------------------------------------------
     Chart / Misc
     --------------------------------------------------------------------------- */
  --color-chart-1: #5ca8f5;
  --color-chart-2: #4cc38a;
  --color-chart-3: #e8a944;
  --color-chart-4: #b48eda;
  --color-chart-5: #e06c75;
  --color-chart-6: #56b6c2;
  --color-divider: #383838;
  --color-focus-ring: rgba(92, 168, 245, 0.4);
}