/* ══════════════════════════════════════════════════════════════════
   Atlas Connect · Titres premium — thème clair ET sombre
   Fichier additif, chargé en DERNIER sur les 18 pages vitrine.
   Clair : encre en dégradé navy → bleu royal (signature de marque) ;
   sections sur fond navy : dégradé glacé blanc → bleu ciel.
   Sombre : le dégradé d'atlas-dark-mode.css reste maître ; on corrige
   ici les accents (.accent-dot/.dotacc/.ac-accent) rendus invisibles
   par l'héritage de -webkit-text-fill-color:transparent du parent.
   Écrit SANS :is()/:has() (le moteur d'aperçu les ignore).
   ══════════════════════════════════════════════════════════════════ */

/* 1 · Typographie commune (les réglages plus spécifiques des pages gardent la main) */
.s-title,.faq-title{letter-spacing:-.022em;text-wrap:balance;font-kerning:normal;text-rendering:optimizeLegibility}
.hero-title,.svc-hero-title,.about-hero-title,.ia-hero-title,.cta-headline{text-wrap:balance}
.s-sub{text-wrap:pretty}

/* 2 · Eyebrow : tiret en dégradé orange + lueur douce.
   Pas de `content` ici : les eyebrows sans ::before (ia-automatisation) restent intacts.
   En sombre, la version !important d'atlas-dark-mode.css garde la main. */
.s-eyebrow::before{width:30px;background:linear-gradient(90deg,var(--orange,#f97316) 0%,#fb923c 62%,rgba(251,146,60,.45) 100%);box-shadow:0 0 12px rgba(249,115,22,.32);border-radius:3px}

/* 3 · Accents dans les titres : les enfants reprennent leur propre couleur
   quand le parent est découpé en dégradé (les deux thèmes).
   `.accent` en sombre reste piloté par atlas-socle.css (!important, dégradé clip). */
.s-title .accent,.s-title .orange,.s-title .dotacc,.s-title .accent-dot,.s-title .ac-accent,.faq-title .accent{-webkit-text-fill-color:currentColor}
.s-title .accent-dot{text-shadow:0 0 14px rgba(249,115,22,.38)}

/* 4 · Thème clair · encre dégradée navy → bleu royal */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
html:not(.atlas-dark) body:not(.atlas-dark) .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .faq-title{background-image:linear-gradient(142deg,#0a1638 0%,#0d1f5c 46%,#1e56d8 118%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Surfaces navy (sombres dans les deux thèmes) : dégradé glacé + halo discret */
html:not(.atlas-dark) body:not(.atlas-dark) .s-title.light,
html:not(.atlas-dark) body:not(.atlas-dark) .bg-navy .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) #wall .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .vision-block .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .mission-block .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .ia-method-sec .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .ia-part-sec .s-title,
html:not(.atlas-dark) body:not(.atlas-dark) .ac-offers-section .s-title{background-image:linear-gradient(135deg,#ffffff 0%,#dbeafe 48%,#93c5fd 112%);filter:drop-shadow(0 2px 16px rgba(96,165,250,.22))}
/* Repli « classe sombre posée sur <html> seulement » (même filet qu'atlas-socle.css) */
html.atlas-dark body:not(.atlas-dark) .s-title,
html.atlas-dark body:not(.atlas-dark) .faq-title{background-image:linear-gradient(135deg,#ffffff 0%,#93c5fd 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}