/* 
  ESQUEMA DE COLORES CAPATEAM
  Basado en la identidad visual del logo
*/

:root {
  /* Colores Principales */
  --primary-red: #9c1e3a;
  --primary-red-dark: #7c1529;
  --primary-red-light: #b91c3c;
  
  /* Colores de Acento */
  --accent-green: #16a34a;  /* Para precios */
  --accent-cyan: #0ea5e9;   /* Para aplicaciones */
  --accent-gray: #64748b;   /* Para texto secundario */
  
  /* Colores de Fondo */
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f1f5f9;
  --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  
  /* Colores para Hero Section */
  --hero-gradient: linear-gradient(135deg, #9c1e3a 0%, #7c1529 100%);
  
  /* Colores para Footer */
  --footer-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  
  /* Colores de Estado */
  --success: #16a34a;
  --warning: #f59e0b;
  --error: #dc2626;
  --info: #0ea5e9;
  
  /* Colores de Texto */
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-tertiary: #94a3b8;
  --text-light: #ffffff;
  
  /* Colores de Borde */
  --border-light: #e2e8f0;
  --border-medium: #cbd5e1;
  --border-dark: #94a3b8;
}

/* Clases de utilidad para colores */
.text-primary { color: var(--primary-red); }
.text-success { color: var(--success); }
.text-info { color: var(--info); }
.text-secondary { color: var(--text-secondary); }

.bg-primary { background-color: var(--primary-red); }
.bg-success { background-color: var(--success); }
.bg-secondary { background-color: var(--bg-secondary); }

.border-primary { border-color: var(--primary-red); }
.border-light { border-color: var(--border-light); }