:root{
/* ══ EL CORTE DIAGONAL — Manual, sección 06 (p.17) ════════════════════
   Tomado de la X. Mantiene SIEMPRE el mismo ángulo del logo:
       15,7° respecto a la vertical   (74,3° respecto a la horizontal)
   Es el único ángulo legal del sistema. tan(15,7°) = 0,2811, así que por
   cada unidad de alto el corte avanza 0,281 de ancho: es un corte casi
   vertical, no una diagonal a 45°.
   El ancho del corte stencil es 32 % del grosor de asta (--logo-stencil-cut). */
--cut-angle-vertical:15.7deg;/* @kind other */
--cut-angle:74.3deg;/* @kind other */
--cut-ratio:0.2811;/* @kind other */          /* avance horizontal por unidad de alto */
--cut-skew:-15.7deg;/* @kind other */         /* skewX que produce el corte */
--cut-skew-mirror:15.7deg;/* @kind other */

/* Ángulos de linear-gradient. El eje del degradado es perpendicular al
   borde, de modo que 90° − 15,7° = 74,3°. Usar SIEMPRE gradient para
   bandas a sangre: el ángulo es absoluto y la pendiente sobrevive a
   cualquier ancho. Los porcentajes de clip-path, no. */
--cut-gradient-angle:74.3deg;/* @kind other */         /* borde cae hacia la derecha */
--cut-gradient-angle-mirror:105.7deg;/* @kind other */  /* borde sube hacia la derecha */
/* Para cortar una esquina usar px fijos en pareja 1 : 0,281 —
   p.ej. alto 128px → ancho 36px:
   polygon(0 0,100% 0,100% calc(100% - 128px),calc(100% - 36px) 100%,0 100%) */

/* ══ BORDES ═══════════════════════════════════════════════════════════
   Esquinas rectas siempre, a cualquier tamaño. No hay radios decorativos. */
--radius:0;
--radius-pill:0;
--border-hairline:1px;
--border:1px;
--border-strong:2px;
--border-heavy:4px;
--rule-section:1px;
--rule-emphasis:4px;         /* barra teal o negra sobre títulos de sección */

/* ══ SOMBRAS ══════════════════════════════════════════════════════════
   El manual prohíbe sombras, degradados y relieves sobre el logotipo
   (p.11, uso incorrecto 04) y el sistema no define ninguna escala de
   sombra. Estos tokens resuelven a `none` a propósito, para que un
   consumidor no invente una. La profundidad se expresa con reglas de 1px
   y la superficie hundida Gris Neutro. */
--shadow:none;
--shadow-card:none;
--shadow-overlay:none;
--overlay-scrim:rgba(0,0,0,.72);

/* Trama de un módulo, para depurar la retícula */
--grid-debug:repeating-linear-gradient(to right,rgba(33,162,156,.18) 0 1px,transparent 1px var(--module));/* @kind other */
}