/* Mots d'encre 5.0 · l'habillage des pages d'avant
   Les jeux, le Monde, la maison, Mes trouvailles, l'atelier… gardent tout ce qu'ils font ; ils prennent seulement
   la même matière que l'accueil, Lire, Explorer et Créer : le papier et l'encre le jour, l'eau profonde la nuit,
   les mêmes lettres, les mêmes boutons. Chargé en dernier : il ne fait que redonner d'autres valeurs aux couleurs d'avant. */
:root {
  --fond: #F7F3EA; --surface: #FCFAF5; --papier: #FCFAF5; --encre: #161B44; --brume: #4C6272;
  --trait: rgba(22, 27, 68, .12); --rose: #0E6B78; --rose-voile: rgba(14, 107, 120, .09); --sur-rose: #FFFFFF;
  --heure: #765311; --plume: #0A3F55;
  --ombre: 0 1px 2px rgba(10, 63, 85, .06), 0 14px 30px -16px rgba(10, 63, 85, .35);
  --f-titre: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --f-ui: 'Instrument Sans', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --r: 14px;
  --mde-nuit: #071A29; --mde-corail: #7FD9D4; --mde-peche: #C9A14A; --mde-or: #E8C873;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fond: #071A29; --surface: #0E2436; --papier: #112A3E; --encre: #EEF2EE; --brume: #A8BCC4;
    --trait: rgba(238, 242, 238, .13); --rose: #7FD9D4; --rose-voile: rgba(127, 217, 212, .12); --sur-rose: #0B1A2A;
    --heure: #E8C873; --plume: #3FBFBE;
    --ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 38px -18px rgba(0, 0, 0, .75);
  }
}
:root[data-theme="dark"] {
  --fond: #071A29; --surface: #0E2436; --papier: #112A3E; --encre: #EEF2EE; --brume: #A8BCC4;
  --trait: rgba(238, 242, 238, .13); --rose: #7FD9D4; --rose-voile: rgba(127, 217, 212, .12); --sur-rose: #0B1A2A;
  --heure: #E8C873; --plume: #3FBFBE;
  --ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 38px -18px rgba(0, 0, 0, .75);
}
:root[data-theme="dark"] body { background-color: var(--fond); }
::selection { background: rgba(63, 191, 190, .3); }

/* les lettres : titres à l'encre, texte lisible, un peu plus grand sur téléphone */
body { font-family: var(--f-ui); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
h1, h2, h3 { font-family: var(--f-titre); font-weight: 400; letter-spacing: -.005em; text-wrap: balance; }

/* les boutons : un seul ton pour tout ce qui se touche, assez grands pour le doigt */
:root .btn.plein, :root[data-theme="dark"] .btn.plein {
  background: var(--rose) !important; border-color: transparent !important; color: var(--sur-rose) !important;
  box-shadow: 0 10px 22px -14px rgba(10, 63, 85, .7) !important; border-radius: 14px; min-height: 48px;
}
:root[data-theme="dark"] .entete { background: rgba(7, 26, 41, .82) !important; border-bottom-color: rgba(238, 242, 238, .1) !important; }
:root[data-theme="dark"] :focus-visible { outline-color: #7FD9D4; }