/* ========================================
   PAHB - Pays d'Aubagne Handball Agglomération
   Design System - Variables CSS
   ======================================== */

:root {
  /* Le site est conçu en thème clair : on empêche les navigateurs
     (mode sombre auto de Chrome/Samsung) d'inverser les couleurs. */
  color-scheme: light;

  /* Couleurs principales */
  --color-bordeaux: #722F37;
  --color-bordeaux-dark: #5a252b;
  --color-bordeaux-light: #8b3a44;
  --color-white: #ffffff;
  --color-gold: #c9a227;
  --color-gold-light: #e4c34d;
  --color-gold-dark: #a88620;
  
  /* Dégradés */
  --gradient-header: linear-gradient(135deg, var(--color-bordeaux-dark) 0%, var(--color-bordeaux) 50%, var(--color-bordeaux-light) 100%);
  --gradient-hero: linear-gradient(180deg, rgba(114, 47, 55, 0.95) 0%, rgba(90, 37, 43, 0.9) 100%);
  --gradient-gold: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-light) 100%);
  
  /* Typographie */
  --font-heading: 'Montserrat', 'Segoe UI', sans-serif;
  --font-body: 'Open Sans', 'Segoe UI', sans-serif;
  
  /* Espacements */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  
  /* Ombres */
  --shadow-md: 0 4px 20px rgba(114, 47, 55, 0.2);
  --shadow-lg: 0 8px 40px rgba(114, 47, 55, 0.25);
  --shadow-gold: 0 4px 20px rgba(201, 162, 39, 0.3);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Header fixe (adapté à la taille du logo) */
  --header-height: 80px;
  --header-height-mobile: 60px;
}

/* Header plus compact sur mobile (cascade sur le décalage du contenu) */
@media (max-width: 767px) {
  :root {
    --header-height: var(--header-height-mobile);
  }
}