/* Jetons du design system AZURETREND — PROVISOIRES (2026-10-26).
   Source : cahier des charges d'Eléna v6 § 5 et charte-graphique-azuretrend.md ; codes HEX à confirmer par Eléna.
   Usage : <html data-marque="ecotank"> (azuretrend | ecotank | emergensea | monawa) ; le reste du CSS n'utilise que les variables. */

:root {
  /* Typographie : Poppins partout (hiérarchie proposée, à valider) */
  --font: "Poppins", "Segoe UI", Arial, sans-serif;
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700;
  --fs-hero: clamp(2.6rem, 6vw, 5rem);
  --fs-h1: clamp(2rem, 4vw, 3.25rem);
  --fs-h2: clamp(1.6rem, 3vw, 2.5rem);
  --fs-h3: 1.375rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-overline: 0.8125rem;
  --lh-body: 1.7; --lh-title: 1.1;
  --tracking-caps: 0.12em;

  /* Neutres communs */
  --anthracite: #333437;
  --blanc: #ffffff;
  --gris-fond: #f4f5f6;
  --nuit-ocean: #011936;
  --texte: var(--anthracite);
  --texte-doux: #5c5e63;

  /* Couleurs des quatre marques (barre du groupe, bandeau « Une même goutte ») */
  --azuretrend: #A79988; --azuretrend-fonce: #333437; --azuretrend-clair: #DED0C5;
  --ecotank: #2B3879;    --ecotank-fonce: #011936;    --ecotank-clair: #93CDD1;
  --emergensea: #D73932; --emergensea-fonce: #6E0D1A; --emergensea-clair: #EDBAB7;
  --monawa: #01A5AA;     --monawa-fonce: #054F5B;     --monawa-clair: #B9EAE8;

  /* Formes : arrondis en écho à la goutte */
  --r-pilule: 999px;
  --r-carte: 28px;
  --r-bloc: 40px;
  --r-image: 24px;
  --r-petit: 12px;
  --ombre-douce: 0 18px 40px -18px rgba(1, 25, 54, .35);
  --bord-translucide: 1px solid rgba(255, 255, 255, .35);

  /* Espacements et mise en page */
  --gouttiere: clamp(16px, 4vw, 40px);
  --largeur-max: 1240px;
  --section-y: clamp(72px, 10vw, 140px);
  --barre-groupe-h: 36px;
  --entete-h: 76px;

  /* Mouvement (coupé si prefers-reduced-motion) */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --duree: 400ms;
}

/* Thème par marque : principale, foncée, claire, texte sur principale (contrastes vérifiés) */
[data-marque="azuretrend"] {
  --marque: #A79988; --marque-fonce: #333437; --marque-clair: #DED0C5;
  --fond-page: #F6F1EC;                       /* beige très clair, à confirmer */
  --bouton-fond: #333437; --bouton-texte: #ffffff;   /* blanc sur sable illisible (2,8) */
  --en-tete-degrade: linear-gradient(160deg, #011936 0%, #333437 100%);
}
[data-marque="ecotank"] {
  --marque: #2B3879; --marque-fonce: #011936; --marque-clair: #93CDD1;
  --fond-page: #ffffff;
  --bouton-fond: #2B3879; --bouton-texte: #ffffff;   /* 10,8 */
  --en-tete-degrade: linear-gradient(160deg, #011936 0%, #2B3879 100%);
}
[data-marque="emergensea"] {
  --marque: #D73932; --marque-fonce: #6E0D1A; --marque-clair: #EDBAB7;
  --fond-page: #ffffff;
  --bouton-fond: #D73932; --bouton-texte: #ffffff;   /* 4,7 */
  --en-tete-degrade: linear-gradient(160deg, #2a060b 0%, #6E0D1A 100%);
}
[data-marque="monawa"] {
  --marque: #01A5AA; --marque-fonce: #054F5B; --marque-clair: #B9EAE8;
  --fond-page: #ffffff;
  --bouton-fond: #01A5AA; --bouton-texte: #011936;   /* jamais de blanc sur turquoise (3,0) ; bleu nuit 5,8 */
  --en-tete-degrade: linear-gradient(160deg, #022a30 0%, #054F5B 100%);
}

/* Fonds teintés des sections claires et étiquettes */
[data-marque] {
  --fond-teinte: color-mix(in srgb, var(--marque-clair) 22%, #ffffff);
  --etiquette-fond: var(--marque-clair);
  --etiquette-texte: var(--marque-fonce);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duree: 0ms; }
}