/* Normo — Radius, border, focus, opacity, z-index.
   SIN SOMBRAS. La planitud es deliberada: la profundidad viene de la retícula
   y de la línea de cota, no de sombras, glows ni glassmorphism. */
:root {
  /* Radios — geometría casi recta */
  --normo-radius-none: 0px;
  --normo-radius-sm: 2px;
  --normo-radius-md: 4px;
  --normo-radius-lg: 6px;
  --normo-radius-pill: 999px; /* excepcional: solo chips de estado */

  /* Bordes — 1px es el estándar del sistema */
  --normo-border-base: 1px; /* @kind other */
  --normo-border-thick: 2px; /* @kind other */
  --normo-border-cota: 1px; /* @kind other */

  /* Foco — anillo verde sistema, siempre visible */
  --normo-focus-ring: 0 0 0 2px #FAF9F6, 0 0 0 4px #0E8A52;
  --normo-focus-ring-dark: 0 0 0 2px #1A1A1A, 0 0 0 4px #F2DC00;
  --normo-focus-outline: 2px solid #0E8A52; /* @kind other */
  --normo-focus-offset: 2px; /* @kind other */

  /* Rejilla blueprint como background-image reutilizable */
  --normo-blueprint-grid: linear-gradient(to right, rgba(26,26,26,0.07) 1px, transparent 1px), linear-gradient(to bottom, rgba(26,26,26,0.07) 1px, transparent 1px); /* @kind other */
  --normo-blueprint-size: 32px 32px; /* @kind other */

  /* Opacidad */
  --normo-opacity-disabled: 0.4; /* @kind other */
  --normo-opacity-muted: 0.7; /* @kind other */
  --normo-opacity-overlay: 0.7; /* @kind other */

  /* Z-index */
  --normo-z-base: 0; /* @kind other */
  --normo-z-dropdown: 1000; /* @kind other */
  --normo-z-sticky: 1100; /* @kind other */
  --normo-z-overlay: 1200; /* @kind other */
  --normo-z-modal: 1300; /* @kind other */
  --normo-z-toast: 1400; /* @kind other */
  --normo-z-tooltip: 1500; /* @kind other */
}