/* ===========================================================================
   GN Design System — Tokens técnicos
   ---------------------------------------------------------------------------
   Capa propia del sistema (NO procede de Figma). Aquí viven valores de
   implementación que no tienen representación en Figma Variables: alturas
   de control, escala de z-index y sombras compuestas.

   Regla: los tokens de tokens.css (primitivas, semánticos y temas) se
   generan desde Figma y no se editan a mano. Esta capa puede CONSUMIR esos
   tokens, pero nunca redefinirlos.
   =========================================================================== */

:root {
  /* --- Alturas de control (button, input, select, searchbar…) --- */
  --gn-control-height-sm: 35px;
  --gn-control-height-md: 53px;
  --gn-control-height-lg: 64px;

  /* --- Escala de z-index (capas globales) --- */
  --gn-z-index-dropdown: 100;
  --gn-z-index-modal: 1000;
  --gn-z-index-skip-link: 9999;

  /* --- Sombras compuestas --- */
  /* Anillo de foco estándar del sistema (doble caja blanca + azul) */
  --gn-shadow-focus: 0 0 0 2px var(--gn-color-fill-default), 0 0 0 6px var(--gn-color-border-focus);
}