/* WELL v2-preview — D1 design tokens.
   See docs/SITE_WEB_DESIGN_DIRECTION.md for the rationale. Every page and
   component reads from these variables — never a hardcoded hex/px value. */

:root {
  /* Neutres structurels — D1 */
  --well-graphite: #111216;
  --well-white: #FFFFFF;
  --well-surface-raised: #FEFEFF;
  --well-bg: #F7F8FA;
  --well-surface-secondary: #F1F3F5;
  --well-border: #E1E4E8;
  --well-text-secondary: #62666F;
  --well-disabled: #A7ABB3;

  /* États fonctionnels uniquement */
  --well-success: #31C48D;
  --well-warning: #F59E0B;
  --well-danger: #EF4444;

  /* Texte sur graphite */
  --well-text-on-graphite: #FFFFFF;
  --well-text-on-graphite-muted: rgba(255, 255, 255, 0.68);

  /* Typo */
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  /* Grille 8px */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* Rayons */
  --radius-button: 16px;
  --radius-card: 20px;
  --radius-pill: 999px;

  /* Ombre carte unique */
  --shadow-card: 0 6px 20px rgba(17, 18, 22, 0.05);
  --shadow-card-hover: 0 10px 28px rgba(17, 18, 22, 0.08);

  /* Mouvement */
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.7, 0, 0.84, 0);
  --duration-fast: 160ms;
  --duration-standard: 240ms;
  --duration-slow: 320ms;

  /* Conteneur */
  --container-max: 1200px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-standard: 0ms;
    --duration-slow: 0ms;
  }
}