/* ============================================================
   GDEAM-62 — Design Tokens
   Source de vérité : toutes les variables CSS du site.

   ⚠️  PALETTE PLACEHOLDER — à remplacer par la charte officielle
   de l'asso dès réception du logo + couleurs définitives.
   Un seul fichier à modifier pour tout mettre à jour.
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     COULEURS PRINCIPALES
     ---------------------------------------------------------- */

  /* Vert forêt — couleur identitaire principale */
  --color-primary:       #2D6A4F;
  /* Vert profond — titres, header foncé, footer */
  --color-primary-dark:  #1B4332;
  /* Vert vif — accents, dégradés, badges flore */
  --color-primary-light: #52B788;

  /* ----------------------------------------------------------
     COULEURS D'ACCENT (chaleur, vie, militantisme)
     ---------------------------------------------------------- */

  /* Ocre chaud — badge études, soulignements, surbrillances */
  --color-accent-yellow: #F4A261;
  /* Terre cuite — bouton "Adhérer", CTAs forts, kicker */
  --color-accent-orange: #E76F51;
  /* Bleu côte — tag faune, accent, eaux/littoral */
  --color-accent-blue:   #4A6FA5;

  /* ----------------------------------------------------------
     SURFACES & FONDS
     ---------------------------------------------------------- */

  --color-bg:       #FEFAE0;  /* Crème — fond principal */
  --color-bg-alt:   #FFFFFF;  /* Blanc — cartes, header, sections alternées */
  --color-bg-soft:  #F4EFD7;  /* Crème doux — encadrés, hover, citations */
  --color-bg-dark:  #1B4332;  /* Vert sombre — footer */

  /* ----------------------------------------------------------
     TEXTE
     ---------------------------------------------------------- */

  --color-text:      #1B4332;  /* Corps de texte */
  --color-text-soft: #3F5C4A;  /* Descriptions, leads */
  --color-muted:     #6B705C;  /* Métadonnées, dates, légendes */
  --color-on-dark:   #F4EFD7;  /* Texte sur fond sombre (footer) */

  /* ----------------------------------------------------------
     BORDURES
     ---------------------------------------------------------- */

  --color-border:        #DDD8C7;  /* Cartes, séparateurs, tableaux */
  --color-border-strong: #B8B098;  /* Focus, blocs en pointillés */

  /* ----------------------------------------------------------
     TYPOGRAPHIE
     Chargées via Bunny Fonts (privacy-friendly, sans tracking)
     Alternative : auto-hébergement des fichiers .woff2
     ---------------------------------------------------------- */

  --font-heading: 'Outfit', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body:    'Inter',  ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* ----------------------------------------------------------
     ESPACEMENTS — échelle de 4 (base 8px)
     ---------------------------------------------------------- */

  --space-xs:  0.5rem;   /*  8px */
  --space-sm:  1rem;     /* 16px */
  --space-md:  1.5rem;   /* 24px */
  --space-lg:  2.5rem;   /* 40px */
  --space-xl:  4rem;     /* 64px */
  --space-2xl: 6rem;     /* 96px */

  /* ----------------------------------------------------------
     RAYONS DE BORDURE
     ---------------------------------------------------------- */

  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 20px;

  /* ----------------------------------------------------------
     OMBRES PORTÉES
     Teinte vert sombre (pas noir pur) pour coller à la palette
     ---------------------------------------------------------- */

  --shadow-sm: 0 2px  8px  rgba(27, 67, 50, 0.06);
  --shadow-md: 0 8px  24px rgba(27, 67, 50, 0.10);
  --shadow-lg: 0 16px 40px rgba(27, 67, 50, 0.14);

  /* ----------------------------------------------------------
     LAYOUT
     ---------------------------------------------------------- */

  --container-max:  1200px;
  --header-height:  80px;
}