:root {
  /* Couleurs principales */
  --primary: #1B4F72;
  --primary-light: #2E6B8A;
  --primary-dark: #154360;
  --accent: #E67E22;
  --accent-hover: #D35400;

  /* Statuts */
  --success: #27AE60;
  --success-light: #E8F8F5;
  --warning: #F39C12;
  --warning-light: #FEF9E7;
  --danger: #E74C3C;
  --danger-light: #FDEDEC;
  --info: #3498DB;
  --info-light: #EBF5FB;

  /* Gris */
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;

  /* Dimensions */
  --sidebar-width: 220px;
  --sidebar-collapsed: 60px;
  --sidebar2-width: 220px;
  --header-height: 56px;
  --footer-height: 36px;

  /* Typographie */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;

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

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
}