/* Maison Mère — design tokens
 * Source de vérité : ressources/demo-sections/_palette/index.html (déplacé vers branding/palette.html)
 * Énergie : violet signature, palette colorée (6 sections distinctes).
 * Règle charte (universelle Mélodie) : noir + blanc + rouge + bleu + vert sont les 5 PRIMITIVES.
 */

:root {
  /* 1. Couleurs primitives (5 obligatoires) */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red:   #ff5e7e;        /* rouge corail pastel — cohérent avec la famille pastel saturée MME */
  --color-blue:  #7cc2f6;        /* bleu pastel */
  --color-green: #b7f6af;        /* vert pastel */

  /* 2. Boutons CTA — violet signature */
  --cta-bg:         #6e2dbd;
  --cta-bg-hover:   #58249a;
  --cta-text:       #ffffff;
  --cta-text-hover: #ffffff;
  --cta-link:       #6e2dbd;
  --cta-link-hover: #6e2dbd;

  /* 3. Sections (6 — palette colorée) */
  --section-1-bg:        #ffffff;
  --section-1-text:      #000000;
  --section-1-highlight: #309ff1;

  --section-2-bg:        #b7f6af;
  --section-2-text:      #000000;
  --section-2-highlight: #cc004e;

  --section-3-bg:        #80e8dd;
  --section-3-text:      #000000;
  --section-3-highlight: #b50045;

  --section-4-bg:        #7cc2f6;
  --section-4-text:      #000000;
  --section-4-highlight: #96003a;

  --section-5-bg:        #fef4ee;
  --section-5-text:      #000000;
  --section-5-highlight: #ad0042;

  --section-6-bg:        #e7d9f7;
  --section-6-text:      #000000;
  --section-6-highlight: #610025;

  /* Typographie — Bebas Neue (titres) + system (corps) */
  --font-heading:    'Bebas Neue', Impact, sans-serif;
  --font-body:       -apple-system, 'SF Compact Display', 'SF Pro Text', system-ui, sans-serif;
  --font-size-base:  18px;
  --line-height:     1.6;

  /* Layout */
  --max-width-main:    90rem;
  --max-width-medium:  60rem;
  --max-width-normal:  50rem;
  --max-width-small:   41.5rem;
  --radius-large:      10px;
  --radius-small:      0px;

  --google-fonts-href: 'https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap';
  --favicon:    'https://cdn.prod.website-files.com/68493bbad62ed82300586942/687e29e579873c6a98624438_Favicon-maison-mere.jpg';
  --apple-icon: 'https://cdn.prod.website-files.com/68493bbad62ed82300586942/687e29ea3f115addedf4fd60_Webclip-maison-mere.jpg';
  --brand-name:      'Maison Mère';
  --brand-signature: 'Emilie';

  /* === alias legacy (compatibilité sections existantes — à déprécier) === */
  --color-bg:                  var(--color-white);
  --color-fg:                  var(--color-black);
  --color-bg-dark:             var(--color-black);
  --color-bg-light:            var(--color-white);
  --color-accent:              var(--cta-bg);
  --color-accent-2:            var(--section-1-highlight);
  --color-accent-3:            var(--section-2-highlight);
  --color-highlight-on-dark:   var(--section-1-highlight);
  --color-highlight-on-light:  var(--section-2-highlight);
  --color-cta-bg:              var(--cta-bg);
  --color-cta-fg:              var(--cta-text);
  --color-cta-text:            var(--cta-text);

  /* Gradients signatures (2026-05-26) */
  --gradient-blue:   linear-gradient(135deg, #7cc2f6 0%, #00d4ff 100%);
  --gradient-purple: linear-gradient(135deg, #6e2dbd 0%, #af81e4 100%);
}

/* règle critique CTA : sur fond violet, texte BLANC (NON NÉGOCIABLE) */
.cta,
.cta.w-button,
.cta.w-button * {
  background: var(--cta-bg);
  color: var(--cta-text) !important;
}