/* ============================================================
   Revalta by Altus Conseil — design-system/revalta-web.css
   ------------------------------------------------------------
   COUCHE WEB 2026 — « vitalité » (étape 5, 27/09/2026).
   Chargée EN DERNIER par styles.css : elle amende, pour le site,
   les valeurs que les sections avaient héritées de la charte vidéo.
   La charte vidéo (design-system.md §§ 4-8) est inchangée.

   Ce que la couche porte :
     1. Titres h1/h2 en 600 (--revalta-w-title) — option B validée.
     2. Échelle d'espacement web 96 / 64 / 24 (tokens --revalta-web-*).
     3. Motion par défaut : quand revalta-motion.js est chargé, les
        animations « au load » des sections cèdent la place au reveal
        au scroll (voir data-revalta-motion-auto dans revalta-motion.js).
     4. Voiles allégés : portés par les tokens (colors_and_type.css).

   Requiert : colors_and_type.css + les sections.
   ============================================================ */

/* ─── 1. Titres de section — 600 ───────────────────────────── */
.revalta-section-hero-title,
.revalta-section-hero-split .revalta-section-hero-grid .revalta-section-hero-title,
.revalta-section-hero-media-text .revalta-section-hero-title,
.revalta-section-pillars-title,.revalta-section-differentiators-title,.revalta-section-pricing-title,
.revalta-section-cta-title,.revalta-section-comparison-title,.revalta-section-faq-title,.revalta-section-media-title,
.revalta-section-founder-title,.revalta-section-logos-title,.revalta-section-logos-wall .revalta-section-logos-title,
.revalta-section-feature-title,.revalta-section-triptych-feature-title,.revalta-section-news-title,.revalta-section-news-featured-title,
.revalta-section-article-title,.revalta-section-simulator-title,.revalta-section-reviews-title,.revalta-section-qualifier-title,.revalta-section-contact-title,
.revalta-section-proof-title,.revalta-section-figures-title,.revalta-section-split-title{font-weight:var(--revalta-w-title);letter-spacing:var(--revalta-ls-title)}
/* Le lede porte la voix secondaire : les sections qui le posaient en fg1 passent en fg2, sauf le hero (lede = promesse). */
.revalta-section-cta-lede{color:var(--revalta-fg2)}
.revalta-section-cta.revalta-section-inverse .revalta-section-cta-lede{color:var(--revalta-fg2-inverse)}

/* ─── 2. Échelle d'espacement web ──────────────────────────── */
/* Les sections « news » et « article » (tête marine pleine largeur, gabarit
   interne) gèrent leur propre respiration : hors de cette règle (28/09/2026). */
.revalta-section-pillars,.revalta-section-differentiators,.revalta-section-pricing,.revalta-section-cta,.revalta-section-comparison,
.revalta-section-faq,.revalta-section-media,.revalta-section-founder,.revalta-section-logos,.revalta-section-feature,.revalta-section-triptych,
.revalta-section-simulator,.revalta-section-reviews,.revalta-section-qualifier,.revalta-section-contact,
.revalta-section-figures{padding-block:var(--revalta-web-pad-section);padding-inline:var(--revalta-web-pad-x)}
.revalta-section-pillars-content,.revalta-section-differentiators-content,.revalta-section-pricing-content,.revalta-section-comparison-content,
.revalta-section-faq-content,.revalta-section-simulator-content,.revalta-section-reviews-content,.revalta-section-qualifier-content,.revalta-section-contact-content{gap:var(--revalta-web-gap-block)}
.revalta-section-pillars-header,.revalta-section-differentiators-header,.revalta-section-pricing-header,.revalta-section-comparison-header,.revalta-section-faq-header,
.revalta-section-simulator-header,.revalta-section-reviews-header,.revalta-section-qualifier-header,.revalta-section-contact-header{gap:var(--revalta-web-gap-tight);max-width:min(50vw,720px)}
@media (max-width:768px){
  /* Les tokens --revalta-web-* ≤ 768 px vivent dans colors_and_type.css (28/09/2026). */
  .revalta-section-pillars-header,.revalta-section-differentiators-header,.revalta-section-pricing-header,.revalta-section-comparison-header,.revalta-section-faq-header,
  .revalta-section-simulator-header,.revalta-section-reviews-header,.revalta-section-qualifier-header,.revalta-section-contact-header{max-width:none}
}

/* ─── 3. Motion par défaut ─────────────────────────────────── */
/* Dès que revalta-motion.js a posé data-revalta-motion-ready, un élément
   piloté par le reveal au scroll abandonne son animation « au load »
   (hero, pillars, pricing, cta…) — sinon le fill-mode de l'animation
   maintiendrait l'élément visible et le reveal n'aurait rien à révéler. */
html[data-revalta-motion-ready] [data-revalta-reveal]{animation:none}