/* ==========================================================================
   UNIKOGYM DESIGN SYSTEM TOKENS — "Dark Boutique Tech"
   Estilo: Apple Fitness / Equinox / Peloton
   ========================================================================== */

:root {
  /* Paleta Principal */
  --bg-carbon: #0A0A0C;
  --bg-graphite: #121316;
  --bg-elevated: #17191E;
  --bg-elevated-2: #1E2028;

  /* Glassmorphism & Bordes */
  --surface-glass: rgba(255, 255, 255, 0.04);
  --surface-glass-hover: rgba(255, 255, 255, 0.065);
  --surface-glass-strong: rgba(18, 19, 22, 0.82);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-highlight: rgba(255, 255, 255, 0.16);

  /* Acentos de Energía e Inteligencia Artificial */
  --accent-lime: #CCFF00;
  --accent-lime-hover: #D8FF33;
  --accent-lime-dim: rgba(204, 255, 0, 0.12);
  --accent-lime-glow: rgba(204, 255, 0, 0.28);

  --accent-cyan: #00F0FF;
  --accent-cyan-dim: rgba(0, 240, 255, 0.12);
  --accent-cyan-glow: rgba(0, 240, 255, 0.24);

  /* Estados Semánticos */
  --status-live: #22C55E;
  --status-danger: #EF4444;
  --status-danger-dim: rgba(239, 68, 68, 0.1);
  --status-danger-border: rgba(239, 68, 68, 0.24);
  --status-warning: #F59E0B;

  /* Tipografía y Color de Texto */
  --text-primary: #FFFFFF;
  --text-secondary: #A1A1AA;
  --text-muted: #71717A;
  --text-on-accent: #0A0A0C;

  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Tracking & Escala */
  --tracking-tight: -0.03em;
  --tracking-wide: 0.08em;

  /* Layout & Radios */
  --container-max: 1240px;
  --header-height: 76px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Sombras de Lujo Tecnológico */
  --shadow-card: 0 24px 60px -16px rgba(0, 0, 0, 0.72);
  --shadow-lime: 0 12px 36px -8px rgba(204, 255, 0, 0.32);
  --shadow-cyan: 0 12px 36px -8px rgba(0, 240, 255, 0.22);

  /* Transiciones */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 180ms var(--ease-out-expo);
  --transition-base: 320ms var(--ease-out-expo);
}