/*
 * SAVOY.FR | PROPOSITION UX/UI — Chaleur, joie et espérance
 * 12 octobre 2026 • Direction artistique approuvée • Publication différentielle gouvernée
 * Mobile-first. Ajustements limités aux portes d'entrée : jamais aux chapitres du lecteur.
 * Intention : connaissance, lumière, ouverture et amour sans décor sentimental.
 */
:root {
  --sv-hope-navy: #193f58;
  --sv-hope-paper: #fffdf8;
  --sv-hope-ivory: #f8f3e9;
  --sv-hope-gold: #d5a44b;
  --sv-hope-terracotta: #c87455;
  --sv-hope-sage: #71927a;
  --sv-hope-ink: #2d403d;
  --sv-hope-gold-text: #755025;
  --sv-hope-terra-text: #8d4932;
  --sv-hope-sage-text: #3a6147;
  --sv-hope-border: #e5d5bd;
  --sv-hope-shadow: 0 14px 42px rgba(63,49,31,.066);
  --sv-hope-radius: 22px;
}

/* La couleur habite les portes éditoriales, pas le corps des lectures. */
body:not([data-theme="dark"]) :is(
 main.home-page,main.pillar-page,main.faith-page,main.journey-page,
 main.ency-page,main.library-page,main.jy-page,main.prayer-page,
 main.today-page,main.wisdom-main,main.knowledge-page
) {
 --hope-halo-gold: rgba(213,164,75,.32);
 --hope-halo-terracotta: rgba(200,116,85,.16);
 --hope-halo-sage: rgba(113,146,122,.17);
 --hope-text: var(--sv-hope-ink);
}

/* Accueil : l'éclat vient de la lumière et de la présence des matières. */
body:not([data-theme="dark"]) main.home-page .home-hero-v3 {
 background:
   radial-gradient(ellipse 53% 76% at 89% 3%, rgba(247,194,96,.36), transparent 80%),
   radial-gradient(ellipse 36% 74% at 3% 101%, rgba(200,116,85,.18), transparent 86%),
   radial-gradient(ellipse 27% 54% at 77% 106%, rgba(113,146,122,.20), transparent 81%),
   linear-gradient(137deg,#fffdf8 0%,#fbf4e6 49%,#f6f7ef 100%) !important;
 border-color:#e3c8a0 !important;
 box-shadow:0 22px 62px rgba(60,47,31,.09) !important;
}
body:not([data-theme="dark"]) main.home-page .home-hero-visual {
 background:linear-gradient(155deg,rgba(255,253,244,.94),rgba(249,238,222,.90)) !important;
 border-color:rgba(213,164,75,.30) !important;
}
body:not([data-theme="dark"]) main.home-page .home-today {
 background:
   radial-gradient(ellipse at 98% 4%,rgba(220,237,202,.72),transparent 46%),
   radial-gradient(ellipse at 3% 97%,rgba(248,201,134,.25),transparent 58%),
   linear-gradient(145deg,#fffdfa,#f5faf3) !important;
 border-color:#c9dacb !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 1) {
 border-color:#e5c995 !important;
 background-image:linear-gradient(145deg,rgba(255,248,234,.96),rgba(255,252,247,.96)) !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 2) {
 border-color:#c7d8ca !important;
 background-image:linear-gradient(145deg,rgba(245,251,244,.96),rgba(255,253,246,.96)) !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 3) {
 border-color:#e6c9b8 !important;
 background-image:linear-gradient(145deg,rgba(254,245,239,.96),rgba(255,252,247,.96)) !important;
}
body:not([data-theme="dark"]) main.home-page .home-space-directory {
 border-color:#e1ccb0 !important;
 background:
   radial-gradient(ellipse at 100% 0%,rgba(246,203,125,.22),transparent 48%),
   linear-gradient(145deg,#fffefb,#fcf7ee) !important;
}
body:not([data-theme="dark"]) main.home-page .home-space-directory-card:nth-child(4n + 2) {
 background-color:#faf5eb !important;
 border-color:#e8d5bc !important;
}
body:not([data-theme="dark"]) main.home-page .home-space-directory-card:nth-child(4n + 3) {
 background-color:#f2f8f1 !important;
 border-color:#cddfcf !important;
}
body:not([data-theme="dark"]) main.home-page .home-today-story {
 background:linear-gradient(145deg,#fffaf2,#f7f6ef) !important;
 border-color:#e6d3b4 !important;
}
body:not([data-theme="dark"]) main.home-page .home-child-daily {
 background:linear-gradient(145deg,#f6faf2,#fff8ee) !important;
 border-color:#c6d9ca !important;
}

/* Découvrir les Écritures : un chemin clair, de petites touches de lumière. */
body:not([data-theme="dark"]) main.pillar-introduction > .pillar-hero,
body:not([data-theme="dark"]) main.faith-page > .faith-hero,
body:not([data-theme="dark"]) main.journey-page > .journey-hero {
 background:
   radial-gradient(ellipse 52% 78% at 99% -8%,rgba(232,178,76,.34),transparent 78%),
   radial-gradient(ellipse 48% 78% at -9% 108%,rgba(200,116,85,.17),transparent 85%),
   linear-gradient(138deg,#fffdf7,#faf2e6 54%,#f4f8f0) !important;
 border-color:#e5c79d !important;
 box-shadow:var(--sv-hope-shadow) !important;
}
body:not([data-theme="dark"]) :is(
 main.pillar-introduction,main.faith-page,main.journey-page,
 main.prayer-page,main.today-page,main.wisdom-main
) > .simple-guide {
 background:
   radial-gradient(ellipse at 99% 0%,rgba(249,206,131,.21),transparent 54%),
   linear-gradient(148deg,#fffaf0,#fcf7ed 54%,#f6f8ef) !important;
 border-color:#e4caa5 !important;
 box-shadow:0 12px 34px rgba(66,50,30,.052) !important;
}
body:not([data-theme="dark"]) main.pillar-introduction > .intro-portal-native {
 background:
   radial-gradient(ellipse at 7% 100%,rgba(116,157,121,.16),transparent 66%),
   linear-gradient(150deg,#f6faf2 0%,#fff9ee 100%) !important;
 border-color:#c4dac5 !important;
 box-shadow:0 14px 36px rgba(55,77,57,.058) !important;
}
body:not([data-theme="dark"]) main.pillar-introduction > .intro-general-entry {
 border-color:#dfccb1 !important;
 background:linear-gradient(143deg,#fffefa,#fbf6ec) !important;
}

/* Cheminer : proximité humaine, sans portrait décoratif. */
body:not([data-theme="dark"]) main.journey-page > .journey-orient {
 background:
   radial-gradient(ellipse at 91% 4%,rgba(235,179,94,.26),transparent 57%),
   linear-gradient(145deg,#fff8ec,#f5f9f1) !important;
 border-color:#c9d9c5 !important;
}
body:not([data-theme="dark"]) main.journey-page > .journey-resources {
 border-color:#ead0ac !important;
}
body:not([data-theme="dark"]) main.journey-page > .journey-resources:nth-of-type(even) {
 background:linear-gradient(140deg,#fff9ef,#fffdf9) !important;
}

/* Encyclopédie : conserver la rigueur, ponctuer par la nature et la lumière. */
body:not([data-theme="dark"]) main.ency-page > .ency-hero {
 background:
   radial-gradient(ellipse at 93% 3%,rgba(242,189,96,.29),transparent 54%),
   radial-gradient(ellipse at -10% 110%,rgba(119,156,124,.16),transparent 60%),
   linear-gradient(140deg,#fffefb,#f7f8ef) !important;
 border-color:#dfcbaa !important;
}
body:not([data-theme="dark"]) main.ency-page > .ency-section:first-of-type {
 background:linear-gradient(144deg,#f4f9f2,#fffaf1) !important;
 border-color:#ccddca !important;
}

/* Bibliothèque : chaleur d'une maison d'édition, priorité aux vrais ouvrages. */
body:not([data-theme="dark"]) main.library-page > .library-hero {
 background:
   radial-gradient(ellipse at 96% -10%,rgba(225,173,85,.32),transparent 57%),
   radial-gradient(ellipse at 1% 108%,rgba(197,110,80,.15),transparent 74%),
   linear-gradient(145deg,#fffdf8,#f7efe1 69%,#f4f8f1) !important;
 border-color:#dfbd90 !important;
 box-shadow:0 19px 52px rgba(78,55,31,.082) !important;
}
body:not([data-theme="dark"]) main.library-page > .library-discovery {
 background:linear-gradient(145deg,#fffaf0,#f8f2e6 63%,#fafaf3) !important;
 border-color:#ddc39e !important;
}
body:not([data-theme="dark"]) main.knowledge-page > .people-hero {
 background:linear-gradient(145deg,#fffaf1,#f4f8f1) !important;
 border-color:#dfc8a6 !important;
}

/* Enfants / jeunes : joie réfléchie ; rythme du cheminement par âge. */
body:not([data-theme="dark"]) main.jy-page > .jy-hero {
 background:
   radial-gradient(ellipse 47% 78% at 100% -4%,rgba(248,189,80,.39),transparent 79%),
   radial-gradient(ellipse 34% 78% at 0% 106%,rgba(200,116,85,.17),transparent 82%),
   linear-gradient(136deg,#fffaf0,#fbf4e8 50%,#eaf5eb) !important;
 border-color:#e2bd88 !important;
}
body:not([data-theme="dark"]) main.jy-page > .jy-bridge {
 background:linear-gradient(145deg,#eef8f0,#fff7e9) !important;
 border-color:#c4dbc9 !important;
 box-shadow:0 14px 38px rgba(69,81,56,.065) !important;
}

/* Les pages de contemplation conservent leur sobriété avec un seul accent. */
body:not([data-theme="dark"]) main.prayer-page > .prayer-hero,
body:not([data-theme="dark"]) main.today-page > .today-hero,
body:not([data-theme="dark"]) main.wisdom-main > .wisdom-hero {
 background:
   radial-gradient(ellipse at 100% 0%,rgba(242,187,87,.28),transparent 65%),
   linear-gradient(145deg,#fffdf8,#f9f2e8 64%,#f4f8f0) !important;
 border-color:#e2c69e !important;
}

/* Grille éditoriale : mêmes bords extérieurs, texte long restant mesuré.
 * Sur tablette et mobile, la composition originale garde son adaptabilité.
 */
@media (min-width:1024px) {
 :is(
   main.pillar-introduction > .simple-guide,
   main.pillar-introduction > .intro-portal-native,
   main.pillar-introduction > .intro-general-entry,
   main.pillar-introduction > .intro-level,
   main.prayer-page > .simple-guide,
   main.wisdom-main > .simple-guide,
   main.today-page > .simple-guide,
   main.jy-page > .jy-bridge
 ) {
   --hope-composition-width:min(1120px,calc(100vw - 64px));
   box-sizing:border-box !important;
   width:var(--hope-composition-width) !important;
   max-width:none !important;
   margin-left:calc((100% - var(--hope-composition-width))/2) !important;
   margin-right:0 !important;
 }
 main.pillar-introduction > :is(.simple-guide,.intro-portal-native,.intro-general-entry) :is(p,li) {
   max-width:76ch;
 }
}

/* Harmoniser aussi les espacements et les accents sans créer de longs empilements. */
@media (max-width:620px) {
 main.home-page .home-featured-card,
 main.home-page .home-space-directory-card,
 main.pillar-introduction > .simple-guide,
 main.pillar-introduction > .intro-portal-native,
 main.journey-page > .simple-guide,
 main.jy-page > .jy-bridge {
   box-shadow:0 8px 24px rgba(53,45,35,.045) !important;
 }
 main.home-page .home-featured-grid > .home-featured-card {margin-bottom:0 !important}
}
@media (prefers-reduced-motion:reduce) {
 main.home-page .home-featured-card,main.home-page .home-space-directory-card {
   transform:none !important;
   animation:none !important;
   transition:none !important;
 }
}

/* En particulier, aucune règle sur les chapitres du lecteur, l'interlinéaire
 * ou les traductions ; pas de surcharge globale de body ou du header.
 */

/* Petites ponctuations chromatiques : la vie vient de l'alternance,
 * pas de la saturation générale du papier. */
body:not([data-theme="dark"]) main.pillar-introduction > .simple-guide,
body:not([data-theme="dark"]) main.faith-page > .simple-guide,
body:not([data-theme="dark"]) main.prayer-page > .simple-guide {
 border-top:3px solid var(--sv-hope-gold) !important;
}
body:not([data-theme="dark"]) main.pillar-introduction > .intro-portal-native,
body:not([data-theme="dark"]) main.journey-page > .journey-orient,
body:not([data-theme="dark"]) main.jy-page > .jy-bridge {
 border-top:3px solid var(--sv-hope-sage) !important;
}
body:not([data-theme="dark"]) main.pillar-introduction > .intro-general-entry,
body:not([data-theme="dark"]) main.library-page > .library-discovery {
 border-top:3px solid var(--sv-hope-terracotta) !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 1) {
 border-top:3px solid var(--sv-hope-gold) !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 2) {
 border-top:3px solid var(--sv-hope-sage) !important;
}
body:not([data-theme="dark"]) main.home-page .home-featured-grid > .home-featured-card:nth-child(3n + 3) {
 border-top:3px solid var(--sv-hope-terracotta) !important;
}
/* Les titres conservent une couleur réellement lisible. Les teintes claires
 * d'or et de terracotta servent aux accents, jamais au petit texte courant. */

/* Publication générale : mêmes principes d'accueil sur les autres portes
 * répertoriées, sans retoucher les corpus, le texte verset-par-verset,
 * les comparateurs de traditions ou les écrans de travail privés. */
body:not([data-theme="dark"]) :is(
 main.bible-hub>.bible-hero,
 main.life-main>.life-hero,
 main.j14-page>.j14-hero,
 main.library-work-page>.library-work-hero,
 main.read-hub>.read-hub-hero,
 main.dictionary-page>.dictionary-hero,
 main.lexicon-page>.lexicon-hero,
 main.profile-page>.profile-hero,
 main.church-page>.church-hero,
 main.sources-portal>.sources-hero,
 main.search-page>.search-hero-v2,
 main.savoy-reference-page>.institutional-hero,
 main.document-method>.document-hero,
 main.site-map-page>.site-map-hero,
 main.pillar-guide>.guide-hero
) {
 background:
   radial-gradient(ellipse 54% 65% at 98% -6%,rgba(231,181,93,.24),transparent 72%),
   radial-gradient(ellipse 39% 57% at -6% 106%,rgba(200,116,85,.105),transparent 80%),
   linear-gradient(145deg,#fffdf8,#faf4e9 64%,#f3f8f1) !important;
 border-color:#e5cba6 !important;
 box-shadow:0 14px 43px rgba(68,56,38,.06) !important;
}
body:not([data-theme="dark"]) :is(
 main.read-hub>.read-hub-explain,
 main.dictionary-page>.dictionary-search-shell,
 main.lexicon-page>.lexicon-search-card,
 main.j14-page>.j14-section:nth-of-type(even),
 main.life-main>.life-today,
 main.church-page>.church-section,
 main.sources-portal>.sources-section:nth-of-type(even)
) {
 border-color:#dfd5bc !important;
 background:
   radial-gradient(ellipse at 101% 0%,rgba(217,185,121,.11),transparent 48%),
   linear-gradient(145deg,#fffdfa,#f7f9f2) !important;
}
/* Grille commune des grands modules. Les colonnes de lecture restent mesurées
   à l'intérieur ; les interfaces spécialisées gardent leur propre largeur. */
@media (min-width:1024px) {
 :is(
   main.pillar-project>.simple-guide,
   main.pillar-guide>.simple-guide,
   main.read-hub>.read-hub-hero,
   main.read-hub>.read-hub-grid,
   main.read-hub>.read-hub-explain,
   main.life-main>.simple-guide,
   main.search-page>.simple-guide,
   main.knowledge-page>.people-section,
   main.knowledge-page>.people-data-note,
   main.sources-portal>.sources-choice-grid,
   main.sources-portal>.sources-section,
   main.church-page>.church-section,
   main.church-page>.church-grid,
   main.library-work-page>.library-work-hero,
   main.library-work-page>.library-work-grid,
   main.library-work-page>.library-work-jump,
   main.library-work-page>.library-work-section,
   main.j14-page>.j14-hero,
   main.j14-page>.j14-section:not(.j14-questions),
   main.today-page>.today-verse,
   main.today-page>.today-stories,
   main.today-page>.today-world,
   main.today-page>.today-section,
   main.prayer-page>.depth-quick,
   main.life-main>.depth-quick,
   main.wisdom-main>.depth-quick
 ) {
   --hope-composition-width:min(1120px,calc(100vw - 64px));
   box-sizing:border-box !important;
   width:var(--hope-composition-width) !important;
   max-width:none !important;
   margin-left:calc((100% - var(--hope-composition-width)) / 2) !important;
   margin-right:0 !important;
 }
 :is(
  main.pillar-project>.simple-guide,
  main.pillar-guide>.simple-guide,
  main.life-main>.simple-guide,
  main.search-page>.simple-guide,
  main.sources-portal>.sources-section,
  main.church-page>.church-section
 ) :is(p,li) {
   max-width:76ch;
 }
}
/* Le mode sombre conserve les traitements explicites déjà éprouvés.
 * Il ne faut jamais convertir un texte de lecture en image de fond. */