:root {
  --color-bg: #0A101C;
  --color-bg-elevated: #111B2E;
  --color-bg-card: #16223C;
  --color-border: #2C3B5C;

  --color-text: #EEF2FF;
  --color-text-muted: #8B9AC2;

  --color-accent: #3B82F6;
  --color-accent-hover: #2563EB;
  --color-success: #22C55E;
  --color-danger: #EF4444;
  --color-warning: #F59E0B;

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Display condensada tipo dorsal/marcador: titulares y números grandes */
  --font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --gradient-accent: linear-gradient(135deg, #3B82F6, #8B5CF6);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px -8px rgba(59, 130, 246, 0.15);
  --shadow-elevated: 0 4px 8px rgba(0, 0, 0, 0.45), 0 16px 32px -12px rgba(59, 130, 246, 0.25);
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}

/* Panel del entrenador: variante clara para uso de oficina/escritorio */
.theme-light {
  --color-bg: #F4F7FF;
  --color-bg-elevated: #FFFFFF;
  --color-bg-card: #FFFFFF;
  --color-border: #DDE6F7;
  --color-text: #0B1220;
  --color-text-muted: #5B6B8C;

  --shadow-card: 0 1px 2px rgba(11, 18, 32, 0.06), 0 8px 24px -8px rgba(11, 18, 32, 0.08);
  --shadow-elevated: 0 4px 8px rgba(11, 18, 32, 0.08), 0 16px 32px -12px rgba(11, 18, 32, 0.12);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-text);
}
a { color: var(--color-accent); }
button {
  font-family: inherit;
  cursor: pointer;
}