/* =========================================================
   G-Mobil — Variables CSS globales
   ========================================================= */
:root {
  /* Couleurs */
  --color-primary:      #C8102E;
  --color-primary-dark: #A00C23;
  --color-primary-light:#FFF1F3;
  --color-danger:       #DC2626;
  --color-danger-light: #FEF2F2;
  --color-success:      #16A34A;
  --color-success-light:#F0FDF4;
  --color-warning:      #D97706;
  --color-dark:         #111111;
  --color-dark-surface: #1C1C1C;
  --color-dark-border:  rgba(255,255,255,.1);
  --color-text:         #1A1A1A;
  --color-text-light:   #6B7280;
  --color-bg:           #FFFFFF;
  --color-bg-light:     #F8F8F8;
  --color-border:       #E5E7EB;

  /* Typographie */
  --font-family:    'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-sm:   0.8125rem;   /* 13px */
  --font-size-base: 0.9375rem;   /* 15px */
  --font-size-lg:   1.125rem;    /* 18px */
  --font-size-xl:   1.375rem;    /* 22px */

  /* Espacements */
  --spacing-xs:  0.25rem;
  --spacing-sm:  0.5rem;
  --spacing-md:  1rem;
  --spacing-lg:  1.5rem;
  --spacing-xl:  2.5rem;

  /* UI */
  --border-radius:    6px;
  --border-radius-lg: 10px;
  --box-shadow:       0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
  --box-shadow-md:    0 4px 12px -2px rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.06);

  /* Navbar */
  --navbar-height: 60px;

  /* Breakpoints (référence pour les media queries) */
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 1024px;
}