:root {
  /* Colors - Light Theme */
  --bg-dark: #FFFFFF;
  --bg-card: #F8F9FA;
  /* Très gris clair pour les cartes */
  --bg-gradient-start: #FFFFFF;
  --bg-gradient-end: #F0F4F8;
  /* Un peu de bleu très pâle en bas */

  --accent-primary: #1A396F;
  /* DeepBeam Blue - Couleur Principale */
  --accent-secondary: #E8EEF5;
  /* Bleu très clair pour fond secondaire */
  --accent-glow: rgba(26, 57, 111, 0.08);
  /* Lueur subtile bleue */
  --accent-cyan: #00E5FF;

  --text-primary: #1A396F;
  /* DeepBeam Blue - Brand Primary */
  --text-secondary: #254B8C;
  /* Deep Blue for body text */
  --text-muted: #6B8EBF;
  /* Muted Blue for less emphasis */
  --text-light-blue: #A5C2F2;
  /* Very light blue for dark backgrounds */

  --btn-bg: #1A396F;
  --btn-text: #FFFFFF;
  --btn-hover: #132B54;

  /* Typography */
  --font-heading: 'Satoshi', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --spacing-container: 1200px;
  --spacing-section: 6rem;

  /* Effects */
  --glow-radial: radial-gradient(50% 50% at 50% 0%, var(--accent-glow) 0%, transparent 100%);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 12px 24px rgba(26, 57, 111, 0.15);
}

@font-face {
  font-family: 'Satoshi';
  src: url('https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400&display=swap');
}