:root {
  /* Paleta Dark Mode Especial para Gimnasio */
  --bg-primary: #0a0d12;
  --bg-surface: #121721;
  --bg-card: #1a2230;
  --bg-card-hover: #222c3d;
  --bg-elevated: #263347;

  /* Bordes y Separadores */
  --border-subtle: #253043;
  --border-active: #00E676;
  --border-muted: #1e2636;

  /* Colores de Marca y Estados */
  --color-primary: #00E676;
  --color-primary-dark: #00B359;
  --color-primary-soft: rgba(0, 230, 118, 0.14);
  --color-accent: #FFB300;
  --color-accent-soft: rgba(255, 179, 0, 0.15);
  --color-danger: #FF5252;
  --color-danger-soft: rgba(255, 82, 82, 0.15);
  --color-info: #00B0FF;
  --color-info-soft: rgba(0, 176, 255, 0.15);

  /* Tipografía */
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-inverse: #0a0d12;

  /* Fuentes del Sistema */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Ergonomía Táctil Móvil */
  --touch-min-height: 48px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Elevaciones */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 20px rgba(0, 230, 118, 0.35);

  /* Layout y Áreas Seguras Móviles */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --nav-height: 64px;
}