/* tokens.css — variables de diseño 2025 para SuperSaya Gym */
:root{
  /* Paleta */
  --negro:#0b0b0b;
  --negro-2:#121212;
  --gris-1:#1a1a1a;
  --gris-2:#2a2a2a;
  --gris-3:#7a7a7a;
  --blanco:#ffffff;

  --rojo:#E53935;
  --rojo-2:#FF5252;
  --rojo-3:#FF8A80;

  /* Acento “ki” sutil para estados activos */
  --ki:#ffd400;

  /* Sombras y vidrio */
  --shadow-1: 0 8px 20px rgba(0,0,0,.35);
  --shadow-2: 0 16px 40px rgba(0,0,0,.45);
  --glass-bg: rgba(0,0,0,.55);
  --glass-blur: 14px;

  /* Radios */
  --radius:14px;
  --radius-lg:20px;
  --radius-xl:28px;

  /* Tipografía */
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --lh:1.5;

  /* Duraciones */
  --t-fast:.15s;
  --t:.25s;
  --t-slow:.45s;

  /* Layout */
  --container:1120px;
  --g: clamp(12px, 2vw, 22px);
  --pad: clamp(16px, 3vw, 28px);

  /* Z-index (subo modal) */
  --z-header:50;
  --z-menu:70;
  --z-modal:9999;
}

/* Breakpoints */
@media (min-width: 1024px){
  :root{ --container:1240px; }
}