/* ============================================================================
   brand-lectendo.css — Look Lectendo (Chloé, décision PDG 14/09/2026 : « change
   le look de Lectendo pour que ce ne soit pas une copie de Notae »).
   SURCHARGE de pages.css / du <style> inline d'index.html — ne redéfinit RIEN
   d'autre. Chargé UNIQUEMENT quand la marque est Lectendo (voir brand.js et
   app/api/brand.php -> notae_brand_head_extra()) : sur notae.be, ce fichier
   n'est jamais référencé, donc jamais appliqué (aucune régression Notae).
   Charte complète : deploy/notae-brand-look-README.md
   ============================================================================ */

:root{
  --bg:#f4f5fb; --surface:#ffffff; --surface-2:#eaecf7;
  --ink:#1c2033; --muted:#5a6079; --line:#dfe2ef;
  --accent:#32366e; --accent-ink:#21254a; --accent-soft:#e3e4f6; --gold:#b04e22;
  --radius:12px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#12141f; --surface:#191c2c; --surface-2:#1e2236;
    --ink:#eef0fb; --muted:#9aa0c0; --line:#2a2f47;
    --accent:#7176d8; --accent-ink:#b9bdf0; --accent-soft:#232748; --gold:#e08a52;
  }
}
:root[data-theme="dark"]{
  --bg:#12141f; --surface:#191c2c; --surface-2:#1e2236;
  --ink:#eef0fb; --muted:#9aa0c0; --line:#2a2f47;
  --accent:#7176d8; --accent-ink:#b9bdf0; --accent-soft:#232748; --gold:#e08a52;
}

/* Typo : titres en sans-serif géométrique (Sora), texte en Inter inchangé. */
h1,h2,h3{font-family:'Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-weight:700;letter-spacing:-.01em}

/* Boutons : rectangulaires (8-10px) au lieu de pill, contraste AA (blanc sur --accent = 11:1). */
.btn{border-radius:10px;font-weight:700;box-shadow:0 10px 24px -16px color-mix(in srgb,var(--accent) 60%,transparent)}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{border-radius:10px}
.nav-toggle{border-radius:10px}
.skip-link{border-radius:0 0 10px 0}
details{border-radius:10px}

/* Logo : monogramme dans un cercle (au lieu du carré arrondi Notae), même dégradé --accent/--accent-ink
   (déjà porté par la variable dans pages.css/index.html), typo Sora pour la lettre. */
.brand{font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:700}
.logo{border-radius:50%;font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:700}
.foot-brand .logo{border-radius:50%}

.eyebrow{color:var(--accent-ink)}