/* ═══════════ LA LEY VISUAL · colores, tipos y medidas en un solo sitio ═══════════ */
@font-face{font-family:'OpenDyslexic';src:url('../fuentes/opendyslexic-400-normal.woff') format('woff');
  font-display:swap}

:root{
  --obsidian:#07070A; --pitch:#100C09; --ash:#191410; --edge:#2E2820;
  --gold-idle:#8C6736; --gold:#C9A35F; --gold-hi:#E8C874;
  --ivory:#EDE1C8; --ivory-dim:#A89A7C; --locked:#6E6555; --cyan:#6EE7F0;
  --vellum:#E7DABD; --vellum-lit:#F0E6CE; --vellum-deep:#CBB794;
  --ink:#3A2A18; --ink-soft:#6E5A3E; --ink-faint:#8E7C5E; --leaf:#A67C34;

  --f-rotulo:'Cinzel',serif;
  --f-susurro:'Cormorant Garamond',serif;
  --f-texto:'EB Garamond',Georgia,serif;
  --f-lectura:'EB Garamond',Georgia,serif;

  /* los filos de las piezas de cristal: cada raya se apaga antes de la esquina — el marco nunca se cierra.
     Cuánto se apaga; los colores (--filo, --filo-alto) los pone cada pieza. Se dibujan en marco.css. */
  --corte-h:20%;   /* arriba y abajo… */
  --corte-v:32%;   /* …y a los lados */

  --medida:62ch;
  --letra:1;
  --barra:clamp(56px,7.2vh,70px);
  --curva:cubic-bezier(.2,.7,.3,1);
}

html[data-letra="s"]{--letra:.9}
html[data-letra="l"]{--letra:1.14}
html[data-letra="xl"]{--letra:1.3}
html[data-dislexia="1"]{--f-lectura:'OpenDyslexic','EB Garamond',serif}