/* =========================================================
   A500-Mobil — Variables CSS globales
   ========================================================= */
:root {
  /* Couleurs — palette Altitude 500 (vert forêt + vert lime) */
  --color-primary:      #7DC23D;
  --color-primary-dark: #5C9A28;
  --color-primary-light:#EFF9E6;
  --color-navbar-from:  #1C3A1C;
  --color-navbar-to:    #26502A;
  --color-danger:       #DC2626;
  --color-danger-light: #FEF2F2;
  --color-success:      #16A34A;
  --color-success-light:#F0FDF4;
  --color-warning:      #D97706;
  --color-dark:         #111111;
  --color-dark-surface: #1C3A1C;
  --color-dark-border:  rgba(255,255,255,.1);
  --color-text:         #1A1A1A;
  --color-text-light:   #6B7280;
  --color-bg:           #FFFFFF;
  --color-bg-light:     #F8FAF5;
  --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;
}