/* logos.css
   No define estructura ni componentes propios — todo eso ya existe en
   sophia.css y se reutiliza tal cual (mismo sidebar, mismas tarjetas,
   misma tipografía). Este archivo solo redefine el color de acento.

   Esquema de color por módulo:
     SOPHIA        -> azul    (--c-sophia)
     Academia      -> verde   (--c-academia)
     Rey Filósofo  -> naranjo (--c-rey)
     Logos         -> celeste cian (--c-logos)  <- este archivo
*/
:root {
  --c-logos: #22d3ee; /* celeste cian */
}

/* Redefine --accent para toda la página de Logos. Si algún componente
   heredado de sophia.css usa un azul escrito directamente (no la
   variable --accent), esa regla puntual necesita sobreescribirse acá
   también -- ver notas al final de este archivo. */
body.logos-page {
  --accent: var(--c-logos);
}

/* Overrides puntuales, por si sophia.css fija el azul de SOPHIA con
   valores directos en vez de con la variable --accent. Quedan
   comentados: activalos (quitando /* y */ ) solo si después de subir
   este archivo seguís viendo azul en alguna pieza puntual, y decime
   cuál para ajustar el selector exacto.

   body.logos-page .module-badge { background: var(--c-logos); }
   body.logos-page .snav-item.active { border-color: var(--c-logos); color: var(--c-logos); }
   body.logos-page .btn-primary { background: var(--c-logos); }
   body.logos-page .s-card-title { color: var(--c-logos); }
*/