/* WebZFS Theme Override
 * Import AFTER your main styles.css.
 * This file overrides only CSS custom properties (:root variables).
 * Alerts/Warnings preserve red/yellow semantics across all themes.
 */

:root {
  --bg-base: #070b14;
  --bg-elevated: #0f1726;
  --bg-elevated-2: #131d2e;
  --bg-elevated-3: #1c2840;
  --text-primary: #eaf0fb;
  --text-secondary: #b2bed2;
  --text-tertiary: #7f8ea4;
  --text-inverse: #070b14;
  --border-subtle: #23314a;
  --border-default: #314562;
  --border-strong: #425a7d;
  --primary-50: #e8f1ff;
  --primary-400: #60a5fa;
  --primary-500: #3b82f6;
  --primary-600: #2563eb;
  --primary-700: #1d4ed8;
  --primary-900: #1e3a8a;
  --success-400: #4ade80;
  --success-500: #22c55e;
  --success-600: #16a34a;
  --success-900: #14532d;
  --warning-400: #fbbf24;
  --warning-500: #f59e0b;
  --warning-600: #d97706;
  --warning-900: #78350f;
  --danger-400: #f87171;
  --danger-500: #ef4444;
  --danger-600: #dc2626;
  --danger-900: #7f1d1d;
  --info-400: #67e8f9;
  --info-500: #22d3ee;
  --info-600: #06b6d4;
  --info-900: #164e63;
  --purple-400: #c4b5fd;
  --purple-500: #8b5cf6;
  --purple-600: #7c3aed;
  --purple-900: #4c1d95;
  --space-page: 2rem;
  --space-section: 1.5rem;
  --space-card: 1.5rem;
  --space-element: 1rem;
  --space-compact: 0.5rem;
}