/* ============================================
   GLOBAL DESIGN TOKENS — Le Labo IA
   Source unique de verite pour tout le site.
   ============================================ */

:root {
  /* --- Couleurs de fond (dark theme) --- */
  --ds-bg-deepest: #030712;
  --ds-bg-dark: #070D1F;
  --ds-bg-elevated: #0C1429;
  --ds-bg-surface: #111B36;
  --ds-bg-overlay: #182344;

  /* --- Couleurs de texte --- */
  --ds-text-primary: #F4F5FB;
  --ds-text-secondary: rgba(244, 245, 251, 0.72);
  --ds-text-tertiary: rgba(244, 245, 251, 0.48);
  --ds-text-muted: rgba(244, 245, 251, 0.32);
  --ds-text-faint: rgba(244, 245, 251, 0.14);

  /* --- Primary scale --- */
  --ds-primary: #7084FF;
  --ds-primary-soft: #8B9CFF;
  --ds-primary-hover: #5A6BF0;
  --ds-primary-deep: #4A56D4;
  --ds-primary-dim: rgba(112, 132, 255, 0.15);
  --ds-primary-ultra: rgba(112, 132, 255, 0.08);

  /* --- Couleurs semantiques --- */
  --ds-success: #34D399;
  --ds-warning: #FBBF24;
  --ds-warning-hover: #F59E0B;
  --ds-error: #F87171;
  --ds-info: #38BDF8;

  /* --- Stroke / Border --- */
  --ds-stroke: rgba(244, 245, 251, 0.04);
  --ds-stroke-hover: rgba(244, 245, 251, 0.06);
  --ds-stroke-primary: rgba(112, 132, 255, 0.16);

  /* --- Fonts --- */
  --ds-font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --ds-font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* --- Border radius (4 niveaux) --- */
  --ds-radius-sm: 6px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 14px;
  --ds-radius-full: 50%;

  /* --- Shadows --- */
  --ds-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --ds-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
  --ds-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.5);
  --ds-shadow-glow: 0 0 30px rgba(112, 132, 255, 0.2);
  --ds-shadow-glow-strong: 0 4px 25px rgba(112, 132, 255, 0.3);

  /* --- Transitions --- */
  --ds-transition-fast: 0.2s ease;
  --ds-transition-base: 0.3s ease;
  --ds-transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}