/* ============================================================================
   MackPadel — Tokens de marca
   ----------------------------------------------------------------------------
   Paleta: negro + verde lima. Minimalismo deportivo, premium.
   Todos los pares texto/fondo fueron verificados contra WCAG AA (4.5:1 mínimo
   para texto normal, 3:1 para texto grande) antes de fijarse aquí.

   IMPORTANTE: --lime es un color MUY brillante. Úsalo solo para fondos de
   botones (con texto negro encima), bordes, iconos y decoración — nunca
   como color de texto pequeño sobre blanco/offwhite (falla el contraste).
   Para texto en tono "marca" sobre fondos claros, usa --lime-deep.
   ========================================================================== */
:root {
  /* Fondos oscuros */
  --black: #0a0c0b;
  --black-deep: #050605;
  --surface-dark: #14170f;

  /* Verde lima */
  --lime: #c6ff3d; /* decorativo: botones, iconos, bordes, glow */
  --lime-deep: #3f6600; /* texto en verde sobre fondos claros (6.75:1 en blanco) */
  --lime-soft: rgba(198, 255, 61, 0.12); /* fondos sutiles, chips */

  /* Neutros */
  --white: #ffffff;
  --offwhite: #f4f5f1;
  --ink: #0a0c0b;
  --steel: #6b726b; /* texto secundario sobre fondos claros (4.95:1) */
  --steel-dark: rgba(255, 255, 255, 0.65); /* texto secundario sobre negro */

  /* Líneas y bordes */
  --line-dark: rgba(255, 255, 255, 0.1);
  --line-light: rgba(10, 12, 11, 0.1);

  /* Tipografía */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;

  /* Radios y sombras */
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-card: 0 20px 60px -24px rgba(10, 12, 11, 0.35);
}