/* ═══════════════════════════════════════════════════════
   05-contraste.css  —  Contraste: sube el rango de toda la paleta.
   Orden: las hojas se cargan 01→06 y el orden IMPORTA;
   cada una afina la anterior. No las reordenes.
   ═══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   CONTRASTE — subir el rango, no el brillo

   Se abre la horquilla por los dos extremos: el fondo baja, el
   texto sube y las fotos recuperan el negro que los velos les
   habían comido. Cuatro palancas:

   1. Base y tinta más separadas (noche #0B0A0A / hueso #F7F2EC;
      día #F0F0EE / tinta #0E0D0C).
   2. Jerarquía de texto con hueco real entre título y apoyo, y
      filetes que por fin se ven.
   3. Viñeta en la capa de ambiente: oscurece los cantos y el
      centro parece más luminoso sin tocar un solo color.
   4. Fotos con más carácter: menos gris de relleno, más contraste
      y saturación, y velos más densos para que el texto encima
      no dependa de la suerte.

   Los ajustes propios de cada modo van con [data-tema="noche"] o
   [data-tema="dia"], nunca con el genérico, para que uno no le
   pise el trabajo al otro.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* noche: negro de sala, hueso limpio, cobre encendido */
  --noche:#0B0A0A; --carbon:#161514; --carbon-alto:#211F1D;
  --filete:#7C7871; --filete-db:#3B3733;
  --hueso:#F7F2EC; --hueso-med:#B8B1A8;
  --cobre:#B27443; --cobre-luz:#DDA173; --cobre-hondo:#7A4B23;
  --alarma:#F0917A; --exito:#9BD094;

  --bisel:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.7),
    inset 1px 0 0 rgba(255,255,255,.03),
    inset -1px 0 0 rgba(0,0,0,.45);
  --bisel-v:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.4),
            inset 1px 0 0 rgba(255,255,255,.09),inset -1px 0 0 rgba(0,0,0,.24);
  --elev-1:0 1px 2px rgba(0,0,0,.7),0 12px 26px -14px rgba(0,0,0,1);
  --elev-2:0 3px 6px rgba(0,0,0,.6),0 30px 58px -22px #000;
  --hundido:inset 0 1px 3px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.025);
  --halo:rgba(221,161,115,.17);
  --vidrio:rgba(30,28,26,.58); --vidrio-firme:rgba(18,17,16,.82);
  --vidrio-cta:rgba(221,161,115,.9); --vidrio-borde:rgba(247,242,236,.20);
  --foil-a:#9A6237; --foil-b:#DDA173; --foil-c:#FFE9D2;

  --ambiente:
    radial-gradient(120% 72% at 50% -10%,rgba(221,161,115,.13),transparent 58%),
    radial-gradient(85% 55% at 100% 102%,rgba(221,161,115,.06),transparent 66%),
    radial-gradient(130% 95% at 50% 42%,transparent 48%,rgba(0,0,0,.55)),
    repeating-linear-gradient(90deg,rgba(247,242,236,.028) 0 1px,transparent 1px 132px),
    repeating-linear-gradient(0deg,rgba(247,242,236,.022) 0 1px,transparent 1px 132px),
    repeating-linear-gradient(45deg,rgba(247,242,236,.012) 0 1px,transparent 1px 8px);
}
:root[data-tema="dia"]{
  /* día: papel un punto más gris para que el blanco de las
     tarjetas sea de verdad blanco, y tinta casi negra */
  --noche:#F0F0EE; --carbon:#FFFFFF; --carbon-alto:#E6E6E2;
  --filete:#A4A29D; --filete-db:#DAD8D3;
  --hueso:#0E0D0C; --hueso-med:#55534F;
  --cobre:#8A5527; --cobre-luz:#7C4A21; --cobre-hondo:#E7CFB3;
  --alarma:#96301A; --exito:#1F6B3D;

  --bisel:
    inset 0 1px 0 #FFFFFF,
    inset 0 -1px 0 rgba(20,19,18,.13),
    inset 1px 0 0 rgba(255,255,255,.9),
    inset -1px 0 0 rgba(20,19,18,.07);
  --bisel-v:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(20,19,18,.14),
            inset 1px 0 0 rgba(255,255,255,.6),inset -1px 0 0 rgba(20,19,18,.07);
  --elev-1:0 1px 2px rgba(20,19,18,.09),0 14px 28px -16px rgba(20,19,18,.5);
  --elev-2:0 3px 8px rgba(20,19,18,.11),0 32px 58px -24px rgba(20,19,18,.55);
  --hundido:inset 0 1px 3px rgba(20,19,18,.10),inset 0 1px 0 #FFFFFF;
  --halo:rgba(124,74,33,.13);
  --vidrio:rgba(255,255,255,.66); --vidrio-firme:rgba(255,255,255,.88);
  --vidrio-borde:rgba(255,255,255,.9);
  --foil-a:#5E3717; --foil-b:#8A5527; --foil-c:#BC8149;

  --ambiente:
    radial-gradient(110% 60% at 50% -14%,rgba(255,255,255,.98),transparent 54%),
    radial-gradient(78% 52% at 2% 6%,rgba(138,85,39,.05),transparent 60%),
    radial-gradient(130% 95% at 50% 44%,transparent 46%,rgba(30,29,27,.13)),
    repeating-linear-gradient(90deg,rgba(20,19,18,.032) 0 1px,transparent 1px 132px),
    repeating-linear-gradient(0deg,rgba(20,19,18,.026) 0 1px,transparent 1px 132px),
    repeating-linear-gradient(45deg,rgba(20,19,18,.018) 0 1px,transparent 1px 6px);
}

/* ── jerarquía: hueco real entre el titular y lo que lo apoya ── */
[data-tema] h1,[data-tema] h2,[data-tema] h3,[data-tema] .titulo,
[data-tema] .obra h3,[data-tema] .modulo h3,[data-tema] .etapa h3{ color:var(--hueso); }
[data-tema] .entrada,[data-tema] .guia{ color:var(--hueso-med); }
[data-tema] .ficha dd,[data-tema] .datos dd,[data-tema] .duros b{ color:var(--hueso); }
[data-tema] ::selection{ background:var(--cobre); color:var(--noche); }

/* ── NOCHE: fotos con negro de verdad ───────────────────────── */
[data-tema="noche"] .corte::before{
  filter:grayscale(.1) contrast(1.16) saturate(1.06) brightness(1.02); }
[data-tema="noche"] .corte:hover::before,[data-tema="noche"] .corte:focus-within::before{
  filter:grayscale(0) contrast(1.2) saturate(1.14) brightness(1.06); }
[data-tema="noche"] .fondo-portada img{
  filter:contrast(1.17) saturate(1.03) brightness(1.02); }
[data-tema="noche"] .corte::after{
  background:linear-gradient(to top,rgba(5,5,4,.96) 18%,rgba(5,5,4,.5) 58%,rgba(5,5,4,.06)); }
[data-tema="noche"] .fondo-portada::after{
  background:
    radial-gradient(ellipse at 50% 34%,rgba(8,8,7,.06),rgba(8,8,7,.5) 56%,rgba(8,8,7,.9)),
    linear-gradient(to top,rgba(8,8,7,.96),rgba(8,8,7,.10) 48%),
    linear-gradient(145deg,rgba(178,116,67,.18),transparent 58%); }
[data-tema="noche"] .escenario{ background:#070706; }
[data-tema="noche"] .techo{ background:rgba(11,10,10,.9); }
[data-tema="noche"] .techo.encogido{ background:rgba(11,10,10,.96); }
[data-tema="noche"] .barra-movil{ background:rgba(11,10,10,.96); }
[data-tema="noche"] .lienzo{ background:#090808; }
[data-tema="noche"] .corte{ background:#0D0C0B; }

/* ── DÍA: la foto no se lava y el texto se apoya en blanco ──── */
[data-tema="dia"] .corte::before{
  filter:contrast(1.1) saturate(1.06) brightness(1.01); }
[data-tema="dia"] .corte:hover::before,[data-tema="dia"] .corte:focus-within::before{
  filter:contrast(1.14) saturate(1.12) brightness(1.03); }
[data-tema="dia"] .fondo-portada img{ filter:contrast(1.09) saturate(1.02) brightness(1.02); }
[data-tema="dia"] .corte{ background:#DEDDD9; }
[data-tema="dia"] .lienzo{ background:#E6E5E1; }
[data-tema="dia"] .trama{ opacity:.34;
  background-image:linear-gradient(rgba(20,19,18,.26) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(20,19,18,.26) 1px,transparent 1px); }

/* ── el filo de cobre del encabezado, más presente ──────────── */
[data-tema] .techo::after{ opacity:.7; }
[data-tema] .dicho{ border-left-color:var(--cobre-luz); }
[data-tema] .recibido{ border-top-color:var(--cobre-luz); }