/* ===================================
   CONFIGURACIÓN TAILWIND - CrmWaPro
   Paleta oscura con gradientes vibrantes
   =================================== */

:root {
    /* ============================================
       ESCALA DE GRISES - Para fondos y textos
       ============================================ */
    --sheets-green-50: #f9fafb;   /* Muy claro - textos sobre oscuro */
    --sheets-green-100: #f3f4f6;  /* Claro */
    --sheets-green-200: #e5e7eb;  /* Medio claro */
    --sheets-green-300: #d1d5db;  /* Medio */
    --sheets-green-400: #9ca3af;  /* Gris medio - texto secundario */
    --sheets-green-500: #6b7280;  /* Gris oscuro - texto tenue */
    --sheets-green-600: #4b5563;  /* Oscuro */
    --sheets-green-700: #374151;  /* Más oscuro */
    --sheets-green-800: #1f2937;  /* Muy oscuro */
    --sheets-green-900: #111827;  /* Casi negro */
    
    /* ============================================
       COLORES DEL SISTEMA - Nueva paleta
       ============================================ */
    /* Gradiente primario: Violeta → Rosa */
    --color-primary-start: #8b5cf6;
    --color-primary-end: #ec4899;
    
    /* Gradiente secundario: Verde → Azul */
    --color-secondary-start: #10b981;
    --color-secondary-end: #3b82f6;
    
    /* Estados del sistema */
    --color-success: #10b981;   /* Verde - Completado */
    --color-error: #ef4444;     /* Rojo - Error */
    --color-warning: #f59e0b;   /* Naranja - Pendiente */
    
    /* Fondos */
    --color-bg-primary: #000000;
    --color-bg-secondary: #0a0a0a;
}