/* ==========================================================================
   DA C — SPORT SANTÉ & VITALITÉ ACTIVE
   Direction Artistique 3 : Énergie, Mouvement, Prévention Santé & Cohésion d'Équipe
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  /* --- PALETTE ORANGE SAW (alignée sur le logo #F05A28 → #F6921F) --- */
  --saw-primary: #C2410C;              /* Orange SAW profond — AA 5.18:1 sur blanc */
  --saw-primary-hover: #9A3412;
  --saw-primary-light: #FFF4EC;
  --saw-primary-border: #FDD9C4;
  --saw-brand-orange: #F05A28;         /* Orange logo (décoratif, AA-large) */
  --saw-brand-amber: #F6921F;          /* Ambre logo (décoratif) */
  --saw-swiss-red: var(--saw-primary); /* alias historique (était non défini) */
  --saw-navy-primary: var(--saw-secondary); /* alias historique (était non défini) */

  --saw-secondary: #064E3B;            /* Vert Forêt Profond */
  --saw-secondary-dark: #022C22;
  --saw-secondary-surface: #065F46;
  --saw-secondary-light: #E6F4EA;
  --saw-secondary-border: #9AE6B4;

  --saw-accent: #0284C7;               /* Bleu Océan Dynamique */
  --saw-accent-light: #F0F9FF;
  --saw-accent-warn: #F59E0B;          /* Orange Énergie */

  /* --- PÔLES THÉMATIQUES (PÉTILLANTS) --- */
  --saw-pole-federation: #047857;
  --saw-pole-programmes: #F59E0B;
  --saw-pole-evenements: #8B5CF6;
  --saw-pole-membership: #059669;
  --saw-pole-ressources: #0284C7;
  --saw-pole-membres: #10B981;

  /* --- VARIANTES TEXTE AA (SAW-REV-31/R1) : mêmes familles, contraste >= 4.5:1
         sur fonds clairs — réservées aux TEXTES (les icônes gardent les teintes pôles) --- */
  --saw-pole-programmes-text: #92400E;   /* ambre pôle assombri — 7.1:1 sur blanc */
  --saw-pole-evenements-text: #6D28D9;   /* violet pôle assombri — 7.1:1 sur blanc */
  --saw-pole-ressources-text: #0369A1;   /* bleu pôle assombri — 5.6:1 sur #F0F9FF */

  /* --- FONDS & SURFACES --- */
  --saw-bg-main: #FFFFFF;
  --saw-bg-subtle: #FFF9F4;            /* Teinte chaude très douce (orange SAW) */
  --saw-bg-card: #FFFFFF;
  --saw-bg-dark: #064E3B;
  --saw-bg-darker: #022C22;

  --saw-text-main: #06281E;
  --saw-text-muted: #4B7268;
  --saw-text-light: #8BA89F;
  --saw-text-white: #FFFFFF;

  --saw-border-subtle: #D1FAE5;
  --saw-border-strong: #A7F3D0;

  /* --- TYPOGRAPHIE --- */
  --saw-font-body: 'Inter', -apple-system, sans-serif;
  --saw-font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;

  /* --- ELEVATIONS & RAYONS (DYNAMIQUES & ARRONDIS) --- */
  --saw-radius-sm: 8px;
  --saw-radius-md: 14px;
  --saw-radius-lg: 20px;
  --saw-radius-xl: 30px;
  --saw-radius-full: 9999px;

  --saw-shadow-sm: 0 2px 4px rgba(5, 150, 105, 0.06);
  --saw-shadow-md: 0 6px 16px rgba(5, 150, 105, 0.08);
  --saw-shadow-lg: 0 16px 32px rgba(5, 150, 105, 0.12);
  --saw-shadow-xl: 0 24px 48px rgba(5, 150, 105, 0.16);

  --saw-transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}