:root {
    --color-primary: #3B82F6;
    --color-secondary: #64748B;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;

    --color-text-primary: #1F2937;
    --color-text-secondary: #4B5563;
    --color-text-muted: #6B7280;

    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F9FAFB;
    --color-bg-tertiary: #F3F4F6;
    
    --color-border: #E5E7EB;
}

body.dark-mode {
    --color-primary: #3B82F6; /* Mantenemos el mismo primario o ajustamos si es necesario */
    --color-secondary: #9CA3AF;
    --color-success: #34D399;
    --color-warning: #FBBF24;
    --color-danger: #F87171;

    --color-text-primary: #F9FAFB;
    --color-text-secondary: #E5E7EB;
    --color-text-muted: #9CA3AF;

    --color-bg-primary: #1F2937;
    --color-bg-secondary: #374151;
    --color-bg-tertiary: #4B5563;

    --color-border: #4B5563;
}