/* MARCA (provisional, sacada de la web pública de Better at Polish: rojo, azul pizarra y blanco).
   Cambiar la marca = cambiar estas variables y el fichero marca/logo.svg. Nada más. */
:root {
  --marca: #CB102C;          /* color principal: botones, enlaces, acentos */
  --marca-oscura: #720917;   /* hover / detalles */
  --tinta: #313D4D;          /* títulos */
  --texto: #484F56;          /* texto normal */
  --fondo: #FFFFFF;          /* fondo de la página */
  --fondo-suave: #F4F4F4;    /* tarjetas y cabeceras */
  --letra: Jost, "Century Gothic", "Avenir Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --letra-titulos: Staatliches, "Bebas Neue", Oswald, Impact, "Arial Narrow", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --marca: #F0485E;
    --marca-oscura: #FF8A99;
    --tinta: #F2F4F6;
    --texto: #D3D8DD;
    --fondo: #14181D;
    --fondo-suave: #1E242B;
  }
}
:root[data-theme="dark"] {
  --marca: #F0485E;
  --marca-oscura: #FF8A99;
  --tinta: #F2F4F6;
  --texto: #D3D8DD;
  --fondo: #14181D;
  --fondo-suave: #1E242B;
}