:root {
  --bg: #f0f6fc;
  --bg-alt: #e8f1fa;
  --surface: rgba(255, 255, 255, 0.55);
  --surface-2: rgba(255, 255, 255, 0.35);
  --surface-glass: rgba(255, 255, 255, 0.45);
  --text: #0a1628;
  --text-muted: #4a6080;
  --text-soft: #6b8ab0;
  --nav: rgba(255, 255, 255, 0.5);
  --footer: #071827;
  --footer-text: #93b4ce;
  --footer-heading: #e8f1fa;
  --footer-link: #93b4ce;
  --footer-link-hover: #4ec6e0;
  --primary: #1a8fc4;
  --primary-light: #2ba3d8;
  --primary-dark: #147aab;
  --accent: #4ec6e0;
  --accent-light: #6dd4ea;
  --success: #10b981;
  --warning: #f59e0b;
  --radius: 20px;
  --radius-sm: 14px;
  --radius-lg: 28px;
  --radius-xl: 36px;

  --border-soft: rgba(26, 143, 196, 0.08);
  --border-strong: rgba(26, 143, 196, 0.15);

  --shadow-sm: 0 2px 12px rgba(26, 143, 196, 0.06);
  --shadow-md: 0 8px 28px rgba(26, 143, 196, 0.10);
  --shadow-lg: 0 18px 52px rgba(26, 143, 196, 0.14);
  --shadow-glow: 0 0 40px rgba(26, 143, 196, 0.18);
  --shadow-glow-strong: 0 0 60px rgba(26, 143, 196, 0.25), 0 0 100px rgba(78, 198, 224, 0.1);

  --gradient-text: linear-gradient(135deg, var(--primary), var(--accent), var(--primary-light));
  --gradient-brand: linear-gradient(135deg, #1a8fc4, #4ec6e0, #2ba3d8);

  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  --bg: #060d18;
  --bg-alt: #0a1425;
  --surface: rgba(15, 30, 55, 0.65);
  --surface-2: rgba(20, 40, 70, 0.5);
  --surface-glass: rgba(15, 30, 55, 0.55);
  --text: #e8f1fa;
  --text-muted: #7ba3c4;
  --text-soft: #5580a5;
  --nav: rgba(6, 13, 24, 0.65);
  --footer: #040a12;
  --footer-text: #5580a5;
  --footer-heading: #e8f1fa;
  --footer-link: #5580a5;
  --footer-link-hover: #4ec6e0;

  --border-soft: rgba(78, 198, 224, 0.08);
  --border-strong: rgba(78, 198, 224, 0.12);

  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 18px 52px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 40px rgba(26, 143, 196, 0.25);
  --shadow-glow-strong: 0 0 60px rgba(26, 143, 196, 0.35), 0 0 100px rgba(78, 198, 224, 0.15);

  --gradient-text: linear-gradient(135deg, #4ec6e0, #6dd4ea, #2ba3d8);
  --gradient-brand: linear-gradient(135deg, #2ba3d8, #6dd4ea, #4ec6e0);
}

/* Accessibilité - respecte la préférence système de réduction des animations */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .reveal,
  .hero-entrance {
    opacity: 1 !important;
    transform: none !important;
  }
}