:root {
  /* Dégradés principaux — palette "colorée et énergique" */
  --grad-violet: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);
  --grad-blue: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);
  --grad-orange: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
  --grad-green: linear-gradient(135deg, #10B981 0%, #22D3EE 100%);
  --grad-pink: linear-gradient(135deg, #EC4899 0%, #F97316 100%);

  /* Couleurs de base */
  --color-primary: #7C3AED;
  --color-primary-light: #A78BFA;
  --color-secondary: #06B6D4;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #3B82F6;

  --bg-app: #F5F5FB;
  --bg-sidebar: #17122B;
  --bg-card: #FFFFFF;
  --bg-card-soft: #FAF9FF;

  --text-main: #1E1B2E;
  --text-muted: #6B7280;
  --text-inverse: #FFFFFF;
  --border-soft: #ECEAF6;

  /* Rayons & ombres */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 3px rgba(23, 18, 43, 0.05), 0 1px 2px rgba(23, 18, 43, 0.04);
  --shadow-md: 0 4px 14px rgba(23, 18, 43, 0.07);
  --shadow-lg: 0 12px 32px rgba(23, 18, 43, 0.12);
  --shadow-glow-violet: 0 6px 16px rgba(124, 58, 237, 0.25);

  /* Espacements */
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 22px;
  --space-xl: 32px;

  /* Layout */
  --sidebar-width: 244px;
  --sidebar-width-collapsed: 76px;
  --topbar-height: 60px;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}