/* L'accueil d'une page, le style retenu par Mathieu le 2026-10-21 : la proposition 8, « Pouding » (caramel), aux polices du site (Mathieu : « c'est un peu intense », 2026-10-21),
   avec les textes de la 10. Chargé pour tout le monde ; les autres propositions restent dans accueil-essais.css (équipe).
   Les règles communes lisent les variables de chaque proposition. Palette propre à ce style : exempté de la règle des jetons
   (NoThirdPartyResourcesTest), comme designs.css. */

/* — Règles communes, lues par chaque proposition — */
.sune-page[data-accueil] { font-family: var(--e-body, inherit); }
.sune-page[data-accueil] .sband h2, .sune-page[data-accueil] .sune__regions { font-family: var(--e-title, inherit); font-weight: var(--e-title-w, 700); text-transform: var(--e-title-case, none); letter-spacing: var(--e-title-ls, normal); color: var(--e-ink, var(--color-ink)); }
.sune-page[data-accueil] .sband--quoi { background: var(--e-bg1, var(--color-ground)); color: var(--e-ink, inherit); }
.sune-page[data-accueil] .sband--explorer { background: var(--e-bg2, var(--color-surface-2)); color: var(--e-ink, inherit); }
.sune-page[data-accueil] .sband--compte { background: var(--e-bg3, var(--color-ground)); color: var(--e-ink, inherit); }
.sune-page[data-accueil] .sune__chiffres b, .sune-page[data-accueil] .sboite strong, .sune-page[data-accueil] .sune__liste li::marker { color: var(--e-accent, var(--color-accent-text)); font-family: var(--e-num, var(--e-title, inherit)); }
.sune-page[data-accueil] .sboite { background: var(--e-box-bg, var(--color-surface)); border: var(--e-box-bd, 1px solid var(--color-border-card)); border-radius: var(--e-box-r, var(--radius-lg)); box-shadow: var(--e-box-sh, none); }
.sune-page[data-accueil] .sboite:hover { border-color: var(--e-accent, var(--color-accent)); }
.sune-page[data-accueil] .sboite span, .sune-page[data-accueil] .sune__note { color: var(--e-ink2, var(--color-text-2)); }
.sune-page[data-accueil] .sbtn { background: var(--e-btn, var(--color-accent)); border-color: var(--e-btn, var(--color-accent)); color: var(--e-btn-ink, var(--color-ground)); border-radius: var(--e-btn-r, var(--radius-pill)); }
.sune-page[data-accueil] .sbtn--quiet { background: transparent; color: var(--e-accent, var(--color-accent-text)); }
.sune-page[data-accueil] .sbanacc__menu a, .sune-page[data-accueil] .sbanacc__legende { font-family: var(--e-menu, var(--e-title, inherit)); }
.sune-page[data-accueil] .sband h2.sune__regions { background: var(--e-tag-bg, var(--color-ground)); color: var(--e-tag-ink, var(--e-ink, var(--color-ink))); border-radius: var(--e-tag-r, var(--radius-lg)); }

.sune-page[data-accueil] .sband__sub { color: var(--e-accent, var(--color-accent-text)); }

/* 8. Pouding : caramel, polices du site (retenu) */
.sune-page[data-accueil="8"] { --e-title: var(--font-display); --e-body: var(--font-body); --e-title-w: 700; --e-bg1: #fff4e0; --e-bg2: linear-gradient(180deg, #f3c27a, #e7a150); --e-bg3: #fff4e0; --e-ink: #5a2a0c; --e-ink2: #7b4a26; --e-accent: #b85c12; --e-box-bg: #fff8ec; --e-box-bd: 0; --e-box-r: 26px 26px 10px 10px; --e-box-sh: none; --e-btn: #b85c12; --e-btn-ink: #fff4e0; --e-tag-bg: #5a2a0c; --e-tag-ink: #f3c27a; --e-tag-r: 999px; }


/* Le bandeau du menu, une fois collé en haut : la couleur du site (Mathieu, 2026-10-21). */
.sune-page[data-accueil="8"] .sbanacc__menu.is-stuck { background: var(--color-accent); }
.sune-page[data-accueil="8"] .sbanacc__menu.is-stuck a { color: #fff; }

/* La grande barre de recherche sous les chiffres (Mathieu, 2026-10-21). */
.sune-page[data-accueil] .sband--quoi .ssearch { max-width: 52rem; margin: var(--space-6) 0 0; }
.sune-page[data-accueil] .sband--quoi .ssearch input { min-height: 64px; padding: 10px 26px; font-size: 1.25rem; border: 2px solid var(--e-accent, var(--color-accent)); background: #fff; }
.sune-page[data-accueil] .sband--quoi .ssearch button { min-height: 64px; padding: 0 32px; font-size: 1.125rem; background: var(--color-accent); }
.sune-page[data-accueil] .sband--quoi .ssearch button:hover { background: var(--e-accent, var(--color-accent-text)); }
@media (max-width: 700px) { .sune-page[data-accueil] .sband--quoi .ssearch input, .sune-page[data-accueil] .sband--quoi .ssearch button { min-height: 54px; font-size: 1.0625rem; } .sune-page[data-accueil] .sband--quoi .ssearch input { padding: 8px 18px; } .sune-page[data-accueil] .sband--quoi .ssearch button { padding: 0 20px; } }