:root {
  /* === COULEURS LFM === */
  --lfm-blue-900: #081D52;
  --lfm-blue-800: #0E2C6B;
  --lfm-blue-700: #1A4A9E;
  --lfm-blue-500: #2D6CDF;
  --lfm-blue-200: #B7CFF5;
  --lfm-blue-50:  #EDF3FC;

  --accent-amber:  #F5B544;
  --accent-coral:  #FF7A5C;
  --accent-mint:   #34D399;

  --success: #10B981;
  --warning: #F59E0B;
  --error:   #EF4444;
  --info:    #3B82F6;

  --gray-950: #0A0E27;
  --gray-700: #334155;
  --gray-500: #64748B;
  --gray-300: #CBD5E1;
  --gray-100: #F1F5F9;
  --gray-50:  #F8FAFC;
  --white:    #FFFFFF;

  /* === TYPOGRAPHIE === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  32px;
  --text-4xl:  42px;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --leading-tight:  1.2;
  --leading-normal: 1.5;
  --leading-loose:  1.7;

  /* === ESPACEMENTS === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* === RAYONS === */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-full: 9999px;

  /* === OMBRES === */
  --shadow-sm:  0 1px 2px rgba(8, 29, 82, 0.05);
  --shadow-md:  0 4px 12px rgba(8, 29, 82, 0.08);
  --shadow-lg:  0 8px 24px rgba(8, 29, 82, 0.12);
  --shadow-xl:  0 16px 40px rgba(8, 29, 82, 0.16);

  /* === TIMINGS === */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    150ms;
  --dur-base:    220ms;
  --dur-slow:    400ms;

  /* === Z-INDEX === */
  --z-tabbar: 50;
  --z-header: 40;
  --z-modal: 100;
  --z-toast: 110;
  --z-loader: 120;

  --status-bar-color: var(--gray-950);
}

body.demo-fast {
  --dur-fast: 50ms;
  --dur-base: 80ms;
  --dur-slow: 120ms;
}