/* Piel pública: las mismas variables de marca, sin imponer geometría sobre el aula. */
body { background:var(--baremo-background); color:var(--baremo-ink); font-family:var(--baremo-font); line-height:1.5; }
h1,h2,h3,.marca { font-family:inherit; color:var(--baremo-ink); }
.cabecera,.pie,.heroe,.franja,.franja-hueso-2 { background:var(--baremo-background); color:var(--baremo-ink); }
.boton { min-height:48px; border-width:1px; border-radius:14px; font-family:inherit; font-weight:600; box-shadow:none; }
.boton-ocre { background:var(--baremo-primary); color:white; border-color:var(--baremo-primary); }
.boton-borde { background:white; color:var(--baremo-primary); border-color:var(--baremo-border); }
.tarjeta,.compra-panel { background:white; border:1px solid var(--baremo-border); border-radius:20px; color:var(--baremo-ink); box-shadow:none; }
.rama-etiqueta { color:var(--baremo-primary); }
.lead,.meta,.compra-panel p { color:var(--baremo-muted); }
.curso-cabecera { background:var(--baremo-background); color:var(--baremo-ink); }
.curso-cabecera .migas a { color:var(--baremo-primary); }
.compra-panel a { margin:6px 0; }
.temario-lista { line-height:1.6; }
:focus-visible { outline:3px solid var(--baremo-primary); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }