/* Matteria — ficha19: caso de estudio. Solo color y reticula.
   Cargar SIEMPRE despues de assets/css/entry-case.css. */
:root {
  /* Papel claro: sin esto el navegador pinta de oscuro lo que dibuja el, como
     la franja del sobrescroll o los mandos nativos */
  color-scheme: light;
  /* Colores de la pagina */
  --cream: #f9fae1;
  --primary: #721b15;
  --bg-body: var(--cream);
  --secondary: #e9ebe6;
  --ink: #141414;
  --ink-light: #ff8f75;
  --ink-red: #e9523c;
  --dark: #141414;
  --accent: #fd750a;
  --accent-2: #eb9428;
  /* Tinta del boton del boletin: su velo del 90% es oscuro en papel claro */
  --cta-ink2: var(--white);
  /* Grises frios, disponibles como tokens */
  --gris-1: #d5d9da;
  --gris-2: #c7ced6;
  --gris-3: #abb2c4;
  /* Paleta de marca: pigmentos historicos */
  --cochinilla-1: #670437;
  --cochinilla-2: #de257b;
  --cochinilla-3: #fcdfd4;
  --ocre-1: #d13328;
  --ocre-2: #e76a4d;
  --ocre-3: #f1e09a;
  /* Degradado del boton unico */
  --ocre-4: #ff7b17;
  --ocre-5: #ff5820;
  /* Noche de la banda de cierre: casi negro con una vuelta azul, como en Figma */
  --night: #0b1216;
  --night-2: #131d24;
  --cardenillo-1: #024e50;
  --cardenillo-2: #1eaaae;
  --cardenillo-3: #d7e6c7;
  --borders: rgb(from var(--ink) r g b / 0.1);
  --white: #ffffff;
  /* Degradado de la banda del ensayo: arranca en el papel de la ficha y baja al
     ambar al 61%; por ese 39% se insinua el papel manchado */
  --paper-warm: rgba(255, 227, 180, 0.61);
  --grid-width: 1440px;
}
/* Papel claro: la escala semantica de velos apunta a la oscura. Es la unica
   declaracion que necesita la ficha; ningun componente se toca. */
:root {
  --veil-90: var(--veil-dark-90);
  --veil-70: var(--veil-dark-70);
  --veil-50: var(--veil-dark-50);
  --veil-30: var(--veil-dark-30);
  --veil-20: var(--veil-dark-20);
  --veil-10: var(--veil-dark-10);
  --veil-4:  var(--veil-dark-4);
  --veil-2:  var(--veil-dark-2);
}
/* Los campos no se tocan: siguen la escala --veil-* y la tinta de su contexto. */
.release-details { background: var(--veil-white-90); }
/* Pie en el papel de la ficha: mismos velos, misma tinta y mismo acento. */
@media (min-width: 1241px) {
  :root {
    --edge: 80px;
    --bleed-pad: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
  }}
/* Elevacion: solo en paleta clara. Contacto corto al 4% para dibujar el canto,
   ambiental larga al 2% para posar la caja en el papel */
:root {
  --lift:
    0 0.1rem 0.2rem var(--veil-dark-4),
    0 1.2rem 3.2rem var(--veil-dark-2);
}
/* Enlaces de texto. El boton unico queda fuera: es superficie pintada con su
   propia tinta, y el cambio de color del enlace le rompia el hover (paso de
   --cta-ink a --accent-2 mientras el de <button> se quedaba quieto). */
a { color: var(--accent); text-decoration: none; }
a:not(.button-primary):hover { color: var(--accent-2); }