:root {
  /* Couleurs principales */
  --primary: #455A64;
  --primary-light: #78909C;
  --primary-dark: #37474F;

  /* Couleur secondaire unique */
  --secondary: #C6D431;
  --secondary-light: #f0f3d0;
  --secondary-dark: #8A9522;

  /* Alias pour compatibilité */
  --accent: var(--secondary);
  --accent-light: var(--secondary-light);
  --accent-hover: var(--secondary-dark);

  /* Neutres */
  --bg: #F3F4F6;
  --bg-card: #FFFFFF;
  --bg-hover: #F9FAFB;
  --border: #E5E7EB;
  --border-light: #F3F4F6;
  --text: #1F2937;
  --text-secondary: #6B7280;
  --text-light: #9CA3AF;
  --danger: #EF4444;
  --danger-light: #FEE2E2;
  --success: #22C55E;
  --success-light: #DCFCE7;

  /* Typographie */
  --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --fs-xs: 0.7rem;
  --fs-sm: 0.8rem;
  --fs-base: 0.9rem;
  --fs-md: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.4rem;
  --fs-xxl: 1.8rem;

  /* Espacements */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 24px;
  --sp-xxl: 32px;

  /* Rayons */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.1);

  /* Transitions */
  --transition: 0.2s ease;

  /* Header */
  --header-height: 56px;
}