.lang-menu a, .lang-menu button { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
:root { --ink:#0f1e3d; --ink-soft:#33415c; --ivory:#fbfaf7; --gold:#84632e; --gold-clair:#b08d57; --line:#e7e3da; --white:#fff; }
    * { box-sizing: border-box; }
    body { margin:0; font-family:'Inter',system-ui,sans-serif; color:var(--ink); background:var(--ivory); line-height:1.7; -webkit-font-smoothing:antialiased; }
    .wrap { max-width:760px; margin:0 auto; padding:0 24px; }
    h1,h2 { font-family:'Cormorant Garamond',Georgia,serif; line-height:1.15; margin:0; }
    header { border-bottom:1px solid var(--line); background:var(--white); }
    header .wrap { display:flex; align-items:center; justify-content:space-between; height:72px; }
    .brand { font-family:'Cormorant Garamond',serif; font-size:1.45rem; font-weight:700; }
    .brand .sig { color:var(--gold); font-size:1.3em; }
    .brand span { color:var(--gold); }
    .back { font-size:.9rem; color:var(--ink-soft); }
    .back:hover { color:var(--gold); }
    a { color:var(--gold); text-decoration:none; }
    a:hover { text-decoration:underline; }
    main { padding:52px 0 70px; }
    h1 { font-size:2.6rem; }
    .lead { color:var(--ink-soft); margin:10px 0 40px; }
    section { margin:0 0 34px; }
    h2 { font-size:1.55rem; color:var(--ink); margin-bottom:8px; }
    .card { background:var(--white); border:1px solid var(--line); border-radius:3px; padding:22px 26px; }
    footer { border-top:1px solid var(--line); padding:24px 0; font-size:.85rem; color:var(--ink-soft); }
    footer .wrap { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
  
    /* ── LISIBILITÉ DE L'OR ────────────────────────────────────────────
       --gold est désormais l'or FONCÉ : sur l'ivoire et sur le sable, l'or
       d'origine ne donnait que 2,96:1 et 2,69:1, sous le seuil de lisibilité
       (4,5 pour un petit texte, 3,0 même pour un grand titre).
       Les quelques endroits ci-dessous récupèrent l'or d'origine, parce que
       le foncer y serait au mieux inutile, au pire pire :
         · les bandes marine — l'or clair y donne déjà 5,33:1 ;
         · le bouton « retour en haut », posé sur du marine ;
         · les aplats dorés — leur texte marine est calculé pour l'or clair ;
         · la marque : un logotype n'est pas soumis au critère.
       ⚠️ `.btn` fait partie de la liste : sur les pages de guides, c'est
       LUI qui porte l'aplat doré du bouton de bas de page (l'accueil,
       lui, utilise `.btn-primary`). Oublié, ce bouton passait en or
       foncé avec son texte marine — 2,89:1, illisible.
       ⚠️ Ce bloc doit rester le DERNIER du style : il annule des règles
       écrites plus haut. */
    .hero-card, #parcours, .to-top, .brand { --gold: var(--gold-clair); }
    .btn, .btn-primary, .btn-nav,
    body.cal-injoignable #book-msg-btn,
    html[lang="ru"] #book-msg-btn {
      background: var(--gold-clair); border-color: var(--gold-clair);
    }