/* Paleta de marca. No se añaden colores. */
:root{
  --blanco:#FFFFFF;
  --tinta:#1B1D17;
  --terracota:#B85C3B;
  --terracota-honda:#702E15;
  --salvia:#6E9D84;
  /* Tintes derivados: solo superficies, nunca texto */
  --terracota-tinte:#FBF6F3;
  --salvia-tinte:#EBF1ED;
  --linea:#E6E4DD;
  /* Texto de la etiqueta de capítulo, fijado en DESIGN.md §9. Uso exclusivo de ese componente. */
  --etiqueta-capitulo-texto:#2F5A44;

  /* Veladura de tinta para texto sobre imagen */
  --veladura-tinta:rgb(27 29 23 / .55); /* @kind color */
  --veladura-tinta-suave:rgb(27 29 23 / .35); /* @kind color */
  /* Fundido que protege la zona de texto: llega al 85 % para asegurar AA en zonas claras */
  --fundido-tinta:linear-gradient(to top, rgb(27 29 23 / .85) 0%, rgb(27 29 23 / .7) 30%, rgb(27 29 23 / 0) 70%); /* @kind other */

  /* Banda superior que protege la navegación sobre el hero */
  --fundido-tinta-superior:linear-gradient(to bottom, rgb(27 29 23 / .6) 0, rgb(27 29 23 / 0) 180px); /* @kind other */

  /* Alias semánticos */
  --superficie:var(--blanco);
  --superficie-oscura:var(--tinta);
  --superficie-aviso:var(--terracota-tinte);
  --superficie-conclusion:var(--salvia-tinte);
  --texto:var(--tinta);
  --texto-invertido:var(--blanco);
  --texto-color-pequeno:var(--terracota-honda);
  --resalte-sobre-claro:var(--terracota);
  --resalte-sobre-oscuro:var(--salvia);
  --numero-fondo:var(--terracota);
  --numero-texto:var(--blanco);
  --numero-fondo-oscuro:var(--salvia);
  --numero-texto-oscuro:var(--tinta);
  --vineta:var(--terracota);
  --vineta-positiva:var(--salvia);
  --foco:var(--terracota-honda);
  --borde:var(--linea);
  --borde-fuerte:var(--tinta);
  --hueco-fondo:var(--linea);
  color-scheme:light only;
}