:root{
/* La marca es PLANA: fondos macizos, sin degradados decorativos ni sombras duras. */
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--radius-circle:50%;
--border-w:2px; /* @kind spacing */
--border-w-thick:3px; /* @kind spacing */
--stroke-icon:8; /* @kind other */
/* sombras: sólo para elementos flotantes sobre el contenido */
--shadow-overlay:0 18px 44px rgba(7,45,107,.22);
--shadow-raised:0 6px 18px rgba(7,45,107,.12);
/* velo diagonal sobre fotografía — el recurso de la pieza gráfica del manual */
--veil-navy:linear-gradient(115deg,rgba(7,45,107,.94) 46%,rgba(7,45,107,0) 46%); /* @kind color */
--veil-scrim:linear-gradient(180deg,rgba(4,25,61,0),rgba(4,25,61,.85)); /* @kind color */
--overlay-scrim:rgba(4,25,61,.78); /* @kind color */
/* ángulo único del sistema: todos los cortes diagonales usan este valor */
--shear-angle:-8deg; /* @kind other */
--clip-shard:polygon(0 0,100% 0,100% 86%,0 100%); /* @kind other */
--pattern-claqueta:url("../assets/pattern-claqueta.png"); /* @kind other */
--pattern-sheep:url("../assets/pattern-sheep.png"); /* @kind other */
}