/* ========== THEME: DARK ========== */
[data-theme="dark"] {
  /* Background layers */
  --bg-primary: #0a0e17;
  --bg-secondary: #111827;
  --bg-tertiary: #1a2235;
  --bg-sidebar: #0d1321;

  /* Text */
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;

  /* Borders & Dividers */
  --border-color: rgba(255, 255, 255, 0.06);
  --border-accent: rgba(255, 255, 255, 0.1);

  /* Shadows — soft, modern */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.2), 0 8px 32px rgba(0, 0, 0, 0.15);
  --shadow-modal: 0 8px 40px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 8px 40px rgba(99, 102, 241, 0.15);

  /* Glassmorphism — translucent with blur */
  --glass-bg: rgba(30, 27, 40, 0.65);
  --glass-bg-heavy: rgba(25, 22, 35, 0.8);
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 8px 32px rgba(0, 0, 0, 0.15);

  /* Sidebar solid */
  --bg-sidebar-solid: rgba(13, 19, 33, 0.85);

  /* Card hover */
  --card-hover-bg: rgba(30, 41, 59, 0.5);

  /* Accent subtle */
  --accent-subtle: rgba(59, 130, 246, 0.2);

  /* Glow — reduced 50% */
  --glow-primary: 0 0 12px rgba(59, 130, 246, 0.15);
  --glow-success: 0 0 12px rgba(34, 197, 94, 0.15);
  --glow-danger: 0 0 12px rgba(239, 68, 68, 0.15);
  --glow-warning: 0 0 12px rgba(245, 158, 11, 0.15);
  --glow-cyan: 0 0 12px rgba(34, 211, 238, 0.15);

  /* Background mesh — dark gradient */
  --mesh-color-1: rgba(99, 102, 241, 0.08);
  --mesh-color-2: rgba(168, 85, 247, 0.05);
  --mesh-color-3: rgba(249, 115, 22, 0.03);
}

/* ========== THEME: LIGHT ========== */
[data-theme="light"] {
  /* ===== Thème « Analytics » (clair frais) — gris-vert, accent orange vif ===== */
  /* Background layers */
  --bg-primary: #EDF0EE;
  --bg-secondary: #ffffff;
  --bg-tertiary: #F3F5F3;
  --bg-sidebar: #ffffff;

  /* Text */
  --text-primary: #17181A;
  --text-secondary: #666B70;
  --text-muted: #9AA0A4;

  /* Borders & Dividers */
  --border-color: #E7EAE8;
  --border-accent: rgba(245, 81, 46, 0.20);

  /* Shadows — douces neutres */
  --shadow-card: 0 2px 10px rgba(30, 32, 34, 0.05);
  --shadow-modal: 0 20px 50px rgba(30, 32, 34, 0.16);
  --shadow-glow: 0 8px 24px rgba(245, 81, 46, 0.18);

  /* Cartes blanches nettes */
  --glass-bg: #ffffff;
  --glass-bg-heavy: #ffffff;
  --glass-border: #E7EAE8;
  --glass-shadow: 0 2px 10px rgba(30, 32, 34, 0.05);

  /* Sidebar solide blanche */
  --bg-sidebar-solid: #ffffff;

  /* Card hover */
  --card-hover-bg: rgba(245, 81, 46, 0.05);

  /* Accent subtle */
  --accent-subtle: rgba(245, 81, 46, 0.12);

  /* Accent « Analytics » orange vif (surcharge du brand, thème clair) */
  --pilote-blue: #F5512E;
  --pilote-blue-dim: #DE3E1E;
  --pilote-blue-glow: rgba(245, 81, 46, 0.16);
  --pilote-cyan: #F5C542;

  /* Sémantique (vert / rouge / jaune-vert) */
  --success: #34D399;
  --success-dim: #0a9d78;
  --danger: #F5512E;
  --danger-dim: #DE3E1E;
  --warning: #F5C542;
  --warning-dim: #CA8A04;
  --info: #F5512E;

  /* Glow */
  --glow-primary: 0 0 12px rgba(245, 81, 46, 0.14);
  --glow-success: 0 0 12px rgba(19, 222, 185, 0.14);
  --glow-danger: 0 0 12px rgba(250, 137, 107, 0.14);
  --glow-warning: 0 0 12px rgba(255, 174, 31, 0.14);
  --glow-cyan: 0 0 12px rgba(73, 190, 255, 0.14);

  /* Fond quasi plat (Spike n'a pas de mesh) */
  --mesh-color-1: rgba(93, 135, 255, 0.04);
  --mesh-color-2: rgba(19, 222, 185, 0.02);
  --mesh-color-3: rgba(255, 174, 31, 0.02);
}

/* ========== SHARED VARIABLES (both themes) ========== */
:root {
  /* Accent colors - "Pilote" brand (same in both themes) */
  --pilote-blue: #8aa8ff;
  --pilote-blue-dim: #635bff;
  --pilote-blue-glow: rgba(99, 102, 241, 0.12);
  --pilote-yellow: #ffae1f;
  --pilote-yellow-dim: #e8930c;
  --pilote-cyan: #635bff;

  /* Semantic colors (same in both themes) */
  --success: #13deb9;
  --success-dim: #02b3a9;
  --danger: #ef4444;
  --danger-dim: #dc2626;
  --warning: #ffae1f;
  --warning-dim: #e8930c;
  --info: #635bff;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Border radius — modern rounded */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* Typography */
  --font-family: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;

  /* Layout */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 72px;
  --header-height: 64px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-theme: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Glassmorphism blur */
  --blur-sm: blur(12px);
  --blur-md: blur(16px);
  --blur-lg: blur(20px);
}