/* ═══════════════════════════════════════════════════════════════
   SATELLITE CRM — Theme Variables (shared desktop + mobile)
   Extracted from main.css v45.15 — Phase 0.3
   ═══════════════════════════════════════════════════════════════ */

/* ─── DESIGN TOKENS (dark warm gold) ─── */
:root {
  --bg: #0E0B09;
  --bg2: rgba(22, 19, 16, .85);
  --bg3: rgba(31, 27, 23, .7);
  --bg4: #2A2520;
  --bg5: #3A332C;
  --text: #F4ECDD;
  --text2: #A89E8A;
  --text3: #6B6358;
  --accent: #D4A574;
  --accent2: #E8B775;
  --accent-glow: rgba(232, 183, 117, .40);
  --engie: #00aaff;
  --ohm: #ff8c32;
  --green: #8FAF6A;
  --green-glow: rgba(143, 175, 106, .3);
  --red: #C77464;
  --red-glow: rgba(199, 116, 100, .25);
  --yellow: #D89B4F;
  --orange: #D89B4F;
  --border: rgba(212, 165, 116, .07);
  --border2: rgba(212, 165, 116, .16);
  --border-glow: rgba(232, 183, 117, .15);
  --glass: rgba(22, 19, 16, .55);
  --glass-border: rgba(212, 165, 116, .1);
  --gold: #D4A574;
  --gold-bright: #E8B775;
  --gold-light: #F0CB8E;
  --gold-deep: #A67C4D;
  --gold-soft: rgba(212, 165, 116, .10);
  --gold-glow: rgba(232, 183, 117, .40);
  --gold-glow-strong: rgba(232, 183, 117, .65);
  --copper: #B8704A;
  --purple: #A78BFA;
  --white: #fff;
  --success: #10b981;
  --success-light: #34d399;
  --silver: #c0c0c0;
  --bronze: #cd7f32;
  --bg-opaque: rgb(22, 19, 16);
  --elec-color: #6c8aff;
  --gaz-color: #f59e0b;
  --sms-header-bg: #1a1d28;
  --loader-bg: #0a0b0f;
  --loader-accent: #6c8aff;
  --loader-accent-end: #818cf8;
  --loader-ripple: #00d4ff;
  --teal: #6FA8A0;
  --alert-positive: #50B464;
  --alert-negative: #DC5050;
  --chart-grid: rgba(212, 165, 116, 0.08);
  --chart-grid-fine: rgba(212, 165, 116, 0.05);
  --chart-tick: #6b7280;
  --chart-point-border: #1A1310;
  --tooltip-bg: rgba(22, 19, 16, 0.95);
  --tooltip-border: rgba(212, 165, 116, 0.20);
  --chart-bar-dim-1: #4A453E;
  --chart-bar-dim-2: #2F2A24;
  --av-default-1: #C77464;
  --av-default-2: #8B4F46;
  --av-luka-1: #6B8BA8;
  --av-luka-2: #4A6378;
  --av-noa-1: #8FAF6A;
  --av-noa-2: #6B8B4A;
  --av-naoki-1: #C77464;
  --av-naoki-2: #8B4F46;
  --av-jeremie-1: #D89B4F;
  --av-jeremie-2: #A07330;
  --team-luka: #E0824A;
  --team-jeremie: #E0B45C;
  --team-noa: #5B7FB8;
  --team-naoki: #7FA56B;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.25);
  --shadow-md: 0 8px 32px rgba(0,0,0,.35);
  --shadow-glow: 0 0 20px var(--accent-glow);
  --sidebar-w: 240px;
  --transition: .25s cubic-bezier(.22, 1, .36, 1);
  --font-ui: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ─── LIGHT THEME — Glass Liquid Froid (mockup v7) ─── */
[data-theme="light"] {
  /* Backgrounds */
  --bg: #F4F2F0;
  --bg2: rgba(255, 255, 255, 0.30);
  --bg3: rgba(255, 255, 255, 0.20);
  --bg4: rgba(255, 255, 255, 0.15);
  --bg5: rgba(255, 255, 255, 0.40);
  /* Glass */
  --glass: rgba(255, 255, 255, 0.20);
  --glass-border: rgba(255, 255, 255, 0.55);
  --bg-glass: rgba(255, 255, 255, 0.20);
  --bg-glass-strong: rgba(255, 255, 255, 0.30);
  --bg-elev: rgba(255, 255, 255, 0.40);
  /* Text */
  --text: #2A2F38;
  --text2: #4A5160;
  --text3: #6B7280;
  --text-muted: #9CA3AF;
  /* Accents (palette froide) */
  --gold: rgba(140, 165, 195, 0.95);
  --gold-bright: rgba(140, 165, 195, 1);
  --gold-light: rgba(130, 155, 185, 0.90);
  --gold-deep: rgba(110, 130, 165, 0.95);
  --gold-soft: rgba(140, 165, 195, 0.10);
  --gold-glow: rgba(140, 165, 195, 0.30);
  --gold-glow-strong: rgba(140, 165, 195, 0.50);
  --accent: rgba(140, 165, 195, 0.95);
  --accent2: rgba(175, 165, 200, 0.85);
  --accent-glow: rgba(140, 165, 195, 0.30);
  --copper: rgba(150, 140, 175, 0.85);
  /* Borders */
  --border: rgba(255, 255, 255, 0.55);
  --border2: rgba(255, 255, 255, 0.75);
  --border-mid: rgba(255, 255, 255, 0.65);
  --border-strong: rgba(255, 255, 255, 0.85);
  --border-glow: rgba(140, 165, 195, 0.40);
  /* Status */
  --green: #8FA88E;
  --red: #E07A6B;
  --orange: #D4A893;
  --yellow: #E8B47E;
  --green-glow: rgba(143, 168, 142, 0.30);
  --red-glow: rgba(224, 122, 107, 0.30);
  /* Brands */
  --engie: rgba(140, 165, 195, 0.95);
  --ohm: #8FA88E;
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(60, 80, 110, 0.08);
  --shadow-md: 0 8px 24px rgba(60, 80, 110, 0.12);
  --shadow-glow: 0 0 24px rgba(140, 165, 195, 0.20);
  /* Alerts */
  --alert-positive: #8FA88E;
  --alert-negative: #E07A6B;
  /* Chart */
  --chart-grid: rgba(140, 165, 195, 0.15);
  --chart-grid-fine: rgba(140, 165, 195, 0.08);
  --chart-tick: rgba(107, 114, 128, 0.85);
  --chart-point-border: rgba(255, 255, 255, 0.95);
  --chart-bar-dim-1: rgba(140, 165, 195, 0.40);
  --chart-bar-dim-2: rgba(140, 165, 195, 0.20);
  /* Tooltips */
  --tooltip-bg: rgba(255, 255, 255, 0.95);
  --tooltip-border: rgba(140, 165, 195, 0.30);
  /* Loader */
  --loader-bg: #F0EDE8;
  --loader-accent: rgba(140, 165, 195, 1);
  --loader-accent-end: rgba(175, 165, 200, 1);
  --loader-ripple: rgba(130, 150, 180, 0.6);
  /* Utilities */
  --white: #FFFFFF;
  --bg-opaque: rgba(255, 255, 255, 0.95);
  --silver: #B8C0C8;
  --bronze: #C99860;
  --success: #8FA88E;
  --success-light: #B5C8B4;
  --elec-color: rgba(140, 165, 195, 0.95);
  --gaz-color: #C99860;
  --sms-header-bg: rgba(255, 255, 255, 0.30);
  --purple: #7C6B9E;
  --teal: #5A9088;
  /* Team */
  --team-luka: #C77E5E;
  --team-jeremie: #C99860;
  --team-noa: #7591C7;
  --team-naoki: #8FA88E;
  /* Avatars */
  --av-default-1: #D4998C;
  --av-default-2: #C77E5E;
  --av-luka-1: #7591C7;
  --av-luka-2: #5B7FB8;
  --av-noa-1: #A8B89A;
  --av-noa-2: #8FA88E;
  --av-naoki-1: #D4998C;
  --av-naoki-2: #C77E5E;
  --av-jeremie-1: #E0B47E;
  --av-jeremie-2: #C99860;
}