:root {
  --primary-color: #0b2c3d;
  --primary-light: #32bdde;  /* Versión más clara del primario */
  --primary-dark: #071E2A;   /* Versión más oscura del primario */
  --primary-overlay: #0b2c3d55;

  --secondary-color: #ff5a3c;

  --whatsapp-color: #25D366;
  --whatsapp-hover: #128C7E;

  /* Escala de grises */
  --white: #ffffff;
  --light-gray: #f5f7fa;
  --gray: #a0aec0;
  --gray-dark: #718096;
  --dark: #2d3748;

  /* Colores funcionales */
  --text-color: #1a202c;
  --success: #38a169;
  --warning: #dd6b20;
  --error: #e53e3e;
  --error-dark: #b22323;
  
  /* Sombras */
  --shadow-xs: 0 1px 3px rgba(11, 44, 61, 0.05);
  --shadow-sm: 0 2px 4px rgba(11, 44, 61, 0.08);
  --shadow-md: 0 4px 6px rgba(11, 44, 61, 0.12);
  --shadow-lg: 0 10px 15px rgba(11, 44, 61, 0.1);
  
  /* Tipografía (se mantiene igual) */
  --font-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  --button-size: 3.75rem; /* 60px en rem */
  --badge-size: 1.5rem; /* 24px en rem */
}