/* ═══════════════════════════════════════════════════
   ELAN — Variables & Thèmes
   ═══════════════════════════════════════════════════ */

:root {
  /* Palette de marque */
  --yellow: #fab428;
  --yellow-light: #fcc95a;
  --yellow-dark: #d9960e;
  --blue-dark: #21327b;
  --blue-mid: #2d44a0;
  --blue-light: #43b4e9;
  --blue-lighter: #7dd0f5;

  /* Typographie */
  --font-title: 'League Spartan', sans-serif;
  --font-body: 'Arimo', sans-serif;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 280ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Rayons — design sharp, sans coins arrondis */
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-full: 0px;

  /* Espacement */
  --section-pad: clamp(80px, 10vw, 140px);
  --container-max: 1280px;
  --container-pad: clamp(20px, 5vw, 60px);

  /* Z-index */
  --z-nav: 100;
  --z-modal: 200;
  --z-toast: 300;
}

/* ──────────────────────────────── DARK THEME (défaut) */
[data-theme="dark"] {
  /* Fond gris anthracite chaud — nettement différent du bleu-nuit */
  --bg: #1a1a1a;
  --bg-2: #222222;
  --bg-3: #2a2a2a;
  --bg-card: #252525;
  --bg-card-hover: #2f2f2f;

  --surface: rgba(255, 255, 255, 0.06);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.18);

  /* Texte blanc cassé, moins agressif */
  --text: #e6e6e6;
  --text-2: #a0a0a0;
  --text-3: #666666;
  --text-inv: #1a1a1a;

  --accent: var(--yellow);
  --accent-glow: rgba(250, 180, 40, 0.2);

  --nav-bg: rgba(26, 26, 26, 0.92);
  --nav-border: rgba(255, 255, 255, 0.08);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.6);
  --shadow-accent: 0 0 32px rgba(250, 180, 40, 0.18);

  --grain-opacity: 0.04;
  --hero-overlay: linear-gradient(160deg, rgba(33, 50, 123, 0.55) 0%, rgba(26, 26, 26, 0.94) 60%);
  --join-overlay: linear-gradient(135deg, rgba(33, 50, 123, 0.88) 0%, rgba(26, 26, 26, 0.98) 70%);
}

/* ──────────────────────────────── LIGHT THEME */
[data-theme="light"] {
  --bg: #ffffff;
  --bg-2: #f3f5f9;
  --bg-3: #e7eaf1;
  --bg-card: #ffffff;
  --bg-card-hover: #f7f9fc;

  --surface: rgba(33, 50, 123, 0.03);
  --surface-hover: rgba(33, 50, 123, 0.06);
  --border: rgba(17, 24, 39, 0.08);
  --border-strong: rgba(17, 24, 39, 0.15);

  --text: #111827;
  --text-2: #4b5563;
  --text-3: #9ca3af;
  --text-inv: #ffffff;

  --accent: var(--blue-dark);
  --accent-glow: rgba(33, 50, 123, 0.15);

  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-border: rgba(17, 24, 39, 0.06);

  --shadow-sm: 0 2px 8px rgba(17, 24, 39, 0.06);
  --shadow-md: 0 8px 32px rgba(17, 24, 39, 0.1);
  --shadow-lg: 0 24px 64px rgba(17, 24, 39, 0.12);
  --shadow-accent: 0 0 32px rgba(33, 50, 123, 0.15);

  --grain-opacity: 0.02;
  --hero-overlay: linear-gradient(160deg, rgba(33, 50, 123, 0.08) 0%, rgba(255, 255, 255, 0.96) 60%);
  --join-overlay: linear-gradient(135deg, rgba(33, 50, 123, 0.85) 0%, rgba(21, 31, 80, 0.95) 70%);
}